解决AJAX请求中含有数组的办法
更新时间：2016年12月05日 10:35:10 作者：Jins
这篇文章主要给大家介绍了如何解决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数据传给后台
后台得到的数据是这个样子：
浏览器会自动把数组解构成一个个变量，后台拿到这个数据就直接傻逼了。
所以，最好的办法是把数组编程字符串，很简单，把数组单独用一个变量存起来，然后JSON.stringify(数组),把得到的字符串放到JSON数据里，这样，浏览器就不会自动去帮你解构数组，后台拿到的也就是一个真正的数组了。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
相关文章
解决微信返回上一页，页面中的AJAX的请求，对Get请求无效的问题
这篇文章给大家介绍微信返回上一页，页面中的AJAX的请求，对Get请求无效的问题分析及解决方法，需要的朋友参考下2017-01-01
下面小编就为大家带来一篇Spring MVC前端与后端5种ajax交互方法【总结】。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
应用Ajax技术 结合php语言写的简单的类谷歌搜索框自动填充功能。2009-11-11
今天我来说一下经常在使用js时遇到的三个问题，网友们也可以给我留言写上更多的常见问题。2011-09-09
AJAX POST的使用实例 @ 2008-12-3 晚上调试成功2008-12-12
这篇文章主要给大家介绍了关于如何利用Ajax实现地区三级联动的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别实例分析
这篇文章主要介绍了IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别,结合实例分析说明了ajax参数传递过程中的参数转码相关注意事项与使用技巧,需要的朋友可以参考下2015-12-12
Select2在使用ajax获取远程数据时显示默认数据的方法
今天小编就为大家分享一篇Select2在使用ajax获取远程数据时显示默认数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了AJAX提交表单数据的方法,实例分析了Ajax调用的原理与实现技巧,需要的朋友可以参考下2015-05-05
今天小编就为大家分享一篇json获取数据库的信息在前端页面显示方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-05-05
最新评论