zoukankan      html  css  js  c++  java
  • 使用URLSearchParams处理axios发送的数据

     使用URLSearchParams处理axios发送的数据

      在使用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具体是什么,能处理哪些东西,而它的API又有哪些?我这里贴点链接吧,大家可以更好的学习和理解~~~~

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

      https://segmentfault.com/a/1190000005980048

  • 相关阅读:
    最近想做的开发配套工具
    nodejs 入门
    MySQL Server 5.6 配置文件my.ini 以及windows上mysql表名区分大小写
    js闭包实例汇总
    javascript深入理解js闭包
    jQuery中$.fn的用法示例介绍
    css3图片旋转
    JS中的prototype
    追求极致--纯css制作三角、圆形按钮,兼容ie6
    CSS 最核心的几个概念
  • 原文地址:https://www.cnblogs.com/coolle/p/7027950.html
Copyright © 2011-2022 走看看