通过 AJAX 将带有关联数组的表单发送到 PHP

Question

我有一个包含关联数组字段的表单：

<label for="my_array[][system]">System</label>
<input id="my_array[][system]" type="text" value="" name="my_array[0][system]">

<label for="my_array[][name]">Name</label>
<input id="my_array[][name]" type="text" value="" name="my_array[0][name]">

我正在尝试使用 Ajax 将此表单发布到 PHP。我试过这个：

$.ajax({
    type: "POST",
    dataType: "json",
    url: ajaxurl,
    data: {
        action: "update_postmeta", 
        post_id: post_id, 
        nonce: nonce,
        my_array: $('input:text[name="my_array*"]')
            .each(function() { values[this.name] = $(this).val() })
        },
    success: function (response) {
        alert(response);
    },
    error: function ( jqXHR, textStatus, errorThrown) {
        alert("Error: " + textStatus + '\r\n\r\n' + errorThrown);
    }
})

问题出在这行代码上：

my_array: $('input:text[name="my_array*"]')
    .each(function() { values[this.name] = $(this).val() })

.each() 不是一个函数...我不知道如何让my_array 以与使用常规表单提交（没有 Ajax）相同的结构填充表单数据。

当使用关联数组创建表单时，如何发布表单数据？

Answer 1

更改您的 my_array function() 以自动调用该函数并返回一个 key: value 对象数组：

{ 
    ...,
    my_array: (function() { 
        var my_array = [];
        $('input:text[name="my_array*"]')
            .each(function() {
                my_obj = {};
                my_obj[this.name] = $(this).val();
                my_array.push(my_obj);
            });
        return my_array;
    })()
}

另外，您可能需要使用attributeStartsWith 选择器语法：

jQuery( "[attribute^='value']" )

为了完整起见，这里是一个使用对象而不是数组来直接控制 my_array 的 key: value 对的示例。另外，我使用的是 startsWith 语法。

{ 
    ...,
    my_array: (function() { 
        var my_array = {};
        $('input:text[name^="my_array"]')
            .each(function() {
                // Directly sets the key/value data in the POST.
                // You could modify the key names if desired.
                my_array[this.name] = $(this).val();
            });
        return my_array;
    })()
}