如何通过Ajax从循环数据数组中传递参数？

嘿，我来帮你搞定这个参数传递的问题！你需要先把循环里生成的每个{b,c,d}对象收集到一个数组里，再把这个数组正确传给Ajax的data参数。这里有几个细节要修正，我直接给你完整的修改代码，再慢慢解释：

var a = [x, y, z];
// 1. 先创建一个空数组，用来存储循环生成的对象
var resultArray = [];

// 2. 修正循环条件：i < a.length（原代码里的i < a是错误的）
for (i = 0; i < a.length; i++) {
    var b = i;
    var c = i + 1;
    var d = i + 2;
    // 3. 把每个生成的对象push到数组里
    resultArray.push({ b: b, c: c, d: d });
};

$.ajax({
    type: "post",
    url: "http://192.168.34.211:8081/save",
    dataType: "json",
    // 4. 这里根据后端接收方式选择传参形式：
    // 情况一：后端期望接收一个名为items的数组参数（表单格式）
    // data: { items: resultArray },
    // 情况二：后端期望直接接收JSON格式的数组（更匹配你的目标格式）
    contentType: "application/json", // 必须设置这个，告诉后端是JSON格式
    data: JSON.stringify(resultArray), // 把数组转成JSON字符串
    success: function(data) {
        console.log("请求成功", data);
    },
    error: function(err) {
        console.log("请求出错", err);
    }
});

关键细节说明： #

• 修正循环条件：原代码里的i < a是错误的，应该用i < a.length来遍历数组a的所有元素。
• 收集对象到数组：必须在循环内部把每个生成的{b,c,d}对象添加到一个数组中，不然循环结束后你拿不到所有生成的对象。
• Ajax传参的两种方式：
  • 如果后端是表单格式接收（比如Spring MVC的@RequestParam），就用data: { items: resultArray }，jQuery会自动把数组转成items[0][b]=0&items[0][c]=1...这样的表单参数。
  • 如果后端期望直接接收JSON数组（比如用@RequestBody接收），就必须设置contentType: "application/json"，并通过JSON.stringify()把数组转成JSON字符串，这样传递的格式就是你要的[{"b":0,"c":1,"d":2},...]。

小提示： #

记得检查后端的接收方式，对应调整Ajax的传参形式哦！如果不确定，优先试试第二种JSON格式的传参，因为这和你给出的目标参数格式完全一致。

内容的提问来源于stack exchange，提问作者FierMan DearGod