使用URL添加参数

1,110 阅读1分钟

上周写代码的时候遇到一个问题,需要在一个后端返回的url中添加一些参数,实现之后,提交代码,导师review的时候提了一个问题,我现在知道这个url的search不为空,但是后面如果url改变了,传回的这个url的search为空,直接在后面追加参数没有?会导致链接失效,建议我使用URL来添加。URL有很多属性和方法,点击 URL 可进入mdn查看。

URL

获取当前页面的url可使用 location.href

截屏2023-05-02 21.51.14.png

构造一个假的url,具体的意思可点击👆链接查询

截屏2023-05-02 21.53.02.png

添加参数的话,需要用到URL.searchParams - Web API 接口参考 | MDN (mozilla.org)

截屏2023-05-02 21.57.08.png

可以看到,使用set方法,成功添加了一个参数。这个方法在没有?的情况会自动在url上面添加?

截屏2023-05-02 22.02.10.png

最后得到处理结束的url,可以通过href属性或者toString方法即可

最后

以上就是所有的内容,如有错误,欢迎指正!