• 技术文章 >web前端 >js教程

    AJAX请求数组应该如何实现

    php中世界最好的语言php中世界最好的语言2018-04-03 09:55:26原创997
    这次给大家带来AJAX请求数组应该如何实现,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数据里,这样,浏览器就不会自动去帮你解构数组,后台拿到的也就是一个真正的数组了。

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    ajax跨域访问报错501怎么处理

    使用Ajax实现根据人力资源系统数据增加OA账号的方法

    以上就是AJAX请求数组应该如何实现的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:AJAX 如何 应该
    上一篇:Ajax请求与Filter解析 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• Angular开发问题记录:组件拿不到@Input输入属性• 浅析Node发起HTTP请求的6种方法• 带你了解Nodejs中的非阻塞异步IO• 聊聊基于Node实现单点登录(SSO)的方法• 深入了解Angular(新手入门指南)
    1/1

    PHP中文网