使用URLSearchParams处理axios发送的数据

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

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

  图片描述

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

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

  1.axios的数据类型
图片描述
  axios

  2.jquery ajax的数据类型
图片描述
  segmentfault

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

  图片描述
图片描述

  经过度娘的各类检索,终于找到了答案: 使用URLSearchParams来处理参数,URLSearchParams的兼容性并不高,因此使用的时候仍是要注意(能够考虑使用babel来转换)post

  具体的操做以下:学习

  图片描述
图片描述

  经过使用URLSearchParams的处理,咱们就能像jquery ajax发送的数据同样了!!!ui

  题外:

  URLSearchParams具体是什么,能处理哪些东西,而它的API又有哪些?我这里贴点连接吧,你们能够更好的学习和理解~~~~

  https://developer.mozilla.org...

  https://segmentfault.com/a/11...

相关文章
相关标签/搜索