JQuery - 摆脱 .serialize() 中的 %5B%5D

我正在使用 AJAX 提交序列化表单。数据传递到action.php最终包含 %5B%5D 而不是 []。是否有办法取回 []，或者数据能够以相同的方式处理（即像数组一样）action.php?

该表格通过以下方式序列化：

var form_data = $("#form").serialize();

然后我通过发送$.ajax:

$.ajax({
    type: "POST",
    url: "action.php",
    data: {
        form_data: form_data,
        FrmSubmit: 'SubmitButton'
    },
    cache: true,
    success: function (html) {

        $("#show").html(html);
        alert("form success");
    }
});

理想的数据被传递到action.php应该是这样的：name=JohnSmith&color[]=blue&color[]=yellow&meal[]=chicken&meal[]=fish

我得到的是：name=JohnSmith&color%5B%5D=blue&color%5B%5D=yellow&meal%5B%5D=chicken&meal%5B%5D=fish

附加问题：我也尝试过 .param()，但无法真正了解收到的数据。每个字母最终都被编码在一个密钥中。有人能解释一下为什么会这样吗？

因此，您所做的就是有效地对数据进行双重序列化。

一旦来到这里：

var form_data = $("#form").serialize();

然后又在这里：

$.ajax({
    type: "POST",
    url: "action.php",
    data: {
        form_data: form_data,
        FrmSubmit: 'SubmitButton'
    },
    cache: true,
    success: function (html) {

        $("#rsvp_sub").html(html);
        alert("form success");
    }
});

当你将一个对象传递给$.ajax为了data参数，它序列化并编码 it.

所以...不要这样做。一种选择是这样做：

var form_data = $("#form").serialize() + "&FrmSubmit=SubmitButton";
$.ajax({
    type: "POST",
    url: "action.php",
    data: form_data,
    cache: true,
    success: function (html) {

        $("#rsvp_sub").html(html);
        alert("form success");
    }
});

请注意，如果FrmSubmit or SubmitButton包含除 A-Z、a-z、0-9 之外的任何内容（我很保守），或者如果你不控制它们包含的内容，你会想使用encodeURIComponent:

var form_data = $("#form").serialize() + "&" +
    encodeURIComponent('FrmSubmit') + "=" +
    encodeURIComponent('SubmitButton');