使用URLSearchParams处理axios.post发送的数据

在使用axios这个ajax插件的时候,我们有些时候会遇到一些问题,比如:数据格式不正确

  以最简单的例子为基础(这里使用post方法):

  使用URLSearchParams处理axios.post发送的数据_第1张图片

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

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

  1.axios的数据类型

  使用URLSearchParams处理axios.post发送的数据_第2张图片

  2.jquery ajax的数据类型

  使用URLSearchParams处理axios.post发送的数据_第3张图片

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

  使用URLSearchParams处理axios.post发送的数据_第4张图片--------------------->使用URLSearchParams处理axios.post发送的数据_第5张图片

 

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

  具体的操作如下:

  使用URLSearchParams处理axios.post发送的数据_第6张图片----------------->使用URLSearchParams处理axios.post发送的数据_第7张图片

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

  

你可能感兴趣的:(前端杂项)