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