• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  使用URLSearchParams处理正文

使用URLSearchParams处理axios发送的数据

作者:网页模板
类型:图文教程
点击次数:
发布时间:2018-12-12 18:53
分享到:
    在使用axios这个ajax插件的时候,我们有些时候会遇到一些问题,比如:数据格式不正确

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



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

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

    1.axios的数据类型

    2.jquery ajax的数据类型



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





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

    具体的操作如下:





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

    参考下面的地址,能更好的理解URLSearchParams:

  https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams#Browser_compatibility

  https://segmentfault.com/a/1190000005980048 (责任编辑:网页模板)
  • 本文标签:
  • axios
解决iscroll横向滚动无效的问题
在H5里调起高德地图APP并且调起高德地图的路线规划功能