ajax传递json数组对象数组

在前端开发中，经常需要使用Ajax来进行页面数据的异步加载和交互。而有时候我们需要传递一个复杂的数据结构，比如一个JSON数组对象数组（即一个二维数组），这时候该怎么办呢？下面我们来介绍一下使用Ajax传递JSON数组对象数组的方法：

//定义一个二维数组
var arr = [
    [
        {
            name: "张三",age: 18
        },{
            name: "李四",age: 20
        }
    ],[
        {
            name: "王五",age: 22
        },{
            name: "赵六",age: 25
        }
    ]
];

//将数组序列化为JSON字符串
var jsonStr = JSON.stringify(arr);

//发送Ajax请求
$.ajax({
    type: "POST",url: "/api",data: {data: jsonStr},success: function(data) {
        console.log(data);
    }
});

在上述代码中，我们首先定义了一个二维数组arr，该数组包含两个一维数组，每个一维数组又包含两个JSON对象。接着我们使用JSON.stringify()将该数组序列化为一个JSON字符串，存储在变量jsonStr中。然后我们使用jQuery的$.ajax()方法发送一个POST请求，将jsonStr放在data参数中发送给后台。最后，我们在success回调函数中打印出了接收到的数据。

在后台接收到前端发送的数据后，我们可以使用JSON.parse()方法将JSON字符串反序列化为一个JavaScript对象，然后再进行处理。