javascript - Ajax 之前的 JQuery .each 处理

Question

我有一个 Javascript (Jquery) 函数，它迭代表单中的输入元素，将数组字符串组装为 JSON，然后将其发布到 AJAX 端点。 each 在 AJAX 调用之后运行，我不确定在each之后调用 AJAX 端点最接受的方法是什么。

我的功能:

function FormHandler() {
    var data = [];
    $("form#myForm :input").each(function () {
        var input = $(this);
        var field_key = input[0]['name'].substr(4);
        var value = input[0]['value'];
        data[field_key] = value;
        console.log(data);
    });
    $.ajax({
        dataType: "json",
        url: 'https://myendpoint.xxx/v1/' + pathname,
        type: 'POST',
        data: {'data': JSON.stringify(data)},
        success: function (thisdata) {
            console.log(thisdata);
        }
    });
};

调用此 AJAX 会发送 JSON 格式的空数据数组，但 foreach 中的控制台日志显示数据元素每次都会按下一个输入值增长。我尝试将 AJAX 调用放在每个函数的第一个函数之后，但这不起作用。

谢谢指点。

Answer 1

您需要将 var data = [] 更改为 var data = {}。在每个循环中，您向数组添加属性，而 JSON.stringify 不会接收该属性。