欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

解决AJAX请求中含有数组的办法

程序员文章站 2022-05-09 19:25:50
...
这篇文章主要给大家介绍了如何解决AJAX请求中含有数组的问题,文中给出了详细的示例代码,相信对大家的理解和学习很有帮助。

大家应该都发现了当我们发送AJAX请求的数据中带有数组时,是不能像普通JSON数据一样,直接放在data里发送给后台

比如有这样一个数据需要发送给后台:

{
  "orderId": 22,
  "resourceJson": [
    {
      "carCapacity": 223,
      "carNumber": "123",
      "driverInfo": "123",
      "failReason": "3123123",
      "id": 25,
      "ispass": 0,
      "lineId": 784,
      "load_plan": "123",
      "onPackageDay": 123,
      "price": 123,
      "storeOutCapacity": 123,
      "store_out_capacity": 123
    },
    {
      "failReason": "31231231",
      "id": 2,
      "ispass": 0,
      "lineId": 787,
      "load_plan": "123",
      "store_out_capacity": 123,
      "tallyman": "ddd"
    },
    {
      "failReason": "123123",
      "id": 1,
      "ispass": 0,
      "lineId": 785,
      "load_plan": "123",
      "store_out_capacity": 123,
      "tallyman": "fff"
    }
  ]
}

其中resourceJson字段是一个数组,如果直接把这个JSON数据传给后台

后台得到的数据是这个样子:

解决AJAX请求中含有数组的办法

浏览器会自动把数组解构成一个个变量,后台拿到这个数据就直接傻逼了。

所以,最好的办法是把数组编程字符串,很简单,把数组单独用一个变量存起来,然后JSON.stringify(数组),把得到的字符串放到JSON数据里,这样,浏览器就不会自动去帮你解构数组,后台拿到的也就是一个真正的数组了。

解决AJAX请求中含有数组的办法

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Ajax请求和Filter配合案例解析

Ajax解决缓存的5种方法总结

ajax快速解决参数过长无法提交成功的问题

以上就是解决AJAX请求中含有数组的办法的详细内容,更多请关注其它相关文章!