URLSearchParams 接口

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

 

posted @ 2019-03-20 12:30  紫诺花开  阅读(2180)  评论(0编辑  收藏  举报