问题：如何使用URLSearchParams处理axios发送的数据？

遇到的问题：

如何使用URLSearchParams处理axios发送的数据？

解决方法：

在使用axios给后台传参数时，我们有些时候会遇到一些问题，比如：数据格式不正确

以最简单的例子为基础（这里使用post方法）：

this.$axios.post("search/list",{
    name:"Jack",
    age:"20"
})

 

在上面的例子中我们调用axios的post方法，传给后台的参数为json格式，这和jquery的ajax写法相当类似！

但是，axios发送的数据格式和jquery ajax发送的默认数据格式却不相同，接下来让我们来看一下不同之处：

1.axios的数据类型

2.jquery ajax的数据类型　

看到这里，有的小伙伴就要说了，修改下ContentType不就好了，其实不然，即时是修改了ContentType，数据依然不正确：

this.$axios.post("search/list",{
    name:"Jack",
    age:"20"
},{
    headers:{
        "Content-type":"application/x-www-form-urlencoded"
    }
})

       

       最后，通过度娘的各种检索，终于找到了答案： 使用URLSearchParams来处理参数，URLSearchParams的兼容性并不高，所以使用的时候还是要注意（可以考虑使用babel来转换）

具体的操作如下：

let params = new URLSearchParams();
params.append("name","Jack");
params.append("age","20");
this.$axios.post("search/list",params).then(res=>{});

通过使用URLSearchParams的处理，我们就能像jquery ajax发送的数据一样了！！！