URLSearchParams的用法学习笔记

URLSearchParams的用法

URLSearchParams是前端做查询字符串拼接、特别是实现前端路由的好帮手。

当我们遇到需要实现带参请求时，URLSearchParams可以很方便的帮助我们。

用法实例

用法一：

const params = new URLSearchParams()

params.append('brands','bwm')
params.append('brands','audi')

const searchstring = params.toString()
console.log(searchstring);

效果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uK7o4xxp-1689042596931)(C:\Users\mzhj\AppData\Roaming\Typora\typora-user-images\image-20230701233806601.png)]

用法二：

console.log(new URLSearchParams(searchstring).getAll('brands'));

效果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jOoSpa0v-1689042596932)(C:\Users\mzhj\AppData\Roaming\Typora\typora-user-images\image-20230701234217043.png)]

用法三：

const params = {
    a: '1',
    b: '2'
}

const paramsObj = new URLSearchParams(params)
paramsStr = paramsObj.toString()
        
console.log(paramsStr);

效果：

console.log(paramsStr);

### 效果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tEGH1hL4-1689042596933)(C:\Users\mzhj\AppData\Roaming\Typora\typora-user-images\image-20230701234611159.png)]