ajax上传JSON格式的多维数组的方法

最新推荐文章于 2025-06-06 09:37:22 发布

zqian1994

最新推荐文章于 2025-06-06 09:37:22 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： ajax json 文档

本文链接：https://blog.youkuaiyun.com/zqian1994/article/details/78868771

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文档详细介绍了如何解析和实现订单接口中的JSON数据结构。包括了如何获取订单信息、商品详情及如何通过Ajax上传订单数据等内容。

首先是伟大的接口文档
这里写图片描述
解析json可以看到

{
    "name":"收货人",
    "phone":"15101586519",
    "address":"收货地址",
    "send_integral":0,
    "invoice_type":"3",
    "invoice_detail":"hjfyjjhkl45745",
    "invoice_raise_head":"发票抬头",
    "user_id":"31",
    "cart_id":"14",
    "info":[
        {
            "supply_id":"3",
            "goods":[
                {
                    "anchor_id":"20",
                    "commodity_id":"2",
                    "number":"1"
                },
                {
                    "anchor_id":"20",
                    "commodity_id":"3",
                    "number":"1"
                },
                {
                    "anchor_id":"20",
                    "commodity_id":"4",
                    "number":"1"
                },
                {
                    "anchor_id":"20",
                    "commodity_id":"5",
                    "number":"1"
                },
                {
                    "anchor_id":"20",
                    "commodity_id":"6",
                    "number":"1"
                }
            ],
            "remarks":"备注"
        },
        {
            "supply_id":"3",
            "goods":Array[5],
            "remarks":"备注"
        }
    ]
}

请求的参数看起来很多，实际上只有一个order，而且是string的参数类型。
所以，可以直接创建一个order如下
var order={ name:$("#name").text(), phone:$("#phone").text(), address:$("#address").text(), send_integral:integral, invoice_type:type, invoice_raise_head:$("#billName").val(), invoice_detail:$("#billNum").val(), user_id:sessionStorage.getItem("id"), cart_id:carid.join(","), info:infoArr };
注：infoArr是一个数组。
然后ajax直接进行上传

                    $.ajax({
                        type:"post",
                        url:addOrderUrl,
                        data:{
                            order:JSON.stringify(order)//JSON.stringify()转为字符串
                        },
                        async:true,
                        dataType:"json",
                        success:function(data){
                            //成功
                        },
                        error:function(data){
                            //失败
                        }
                    });