URLSearchParams 接口

最新推荐文章于 2024-10-02 11:53:16 发布

aoxi9939

最新推荐文章于 2024-10-02 11:53:16 发布

阅读量132

点赞数

文章标签：后端

原文链接：http://www.cnblogs.com/theblogs/p/10564162.html

版权

URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法

他可以把对象转变成url上面查询信息的写法，例如a=1&b=2

可以把请求路由中的字符串 key=1 ，拼接成key：1 键值对格式，这样方便后端直接使用

用法：

配合fetch使用

btn.onclick = function(){
        let obj = {
            user:user.value,
            age:age.value
        }
        fetch('/users',{
            method:'post',
            headers:{'Content-Type':'application/x-www-form-urlencoded'},
            body:new URLSearchParams(obj).toString()
        })
        .then(d=>d.json())
        .then(d=>{
            console.log(d);
        })
 }

配合axios使用

const params = new URLSearchParams()
params.append('date', '2019')
params.append('date', '8')
params.append('date', '13')
axios({  method: 'get',  url: '/',
  params
})
  .then((res) => {    console.log(res.status) // 200
  })// 请求链接为：http://localhost:8081/?date=2019&date=8&date=13

转载于:https://www.cnblogs.com/theblogs/p/10564162.html