与$ _POST格式相同的Ajax多维表单数据

Question

我有一个具有深层多维输入的表单，如下所示：

<form id="theForm">
 <input type='text' name='one[two][three][]' />
 <input type='text' name='one[two][three][]' />
 <input type='text' name='four[five][six][seven]' />
 <input type='text' name='eight[nine][ten]' />
</form>

我试图通过AJAX以与正常提交表单相同的格式发送值。 我的意思是，如果要单击“提交”按钮，则在PHP中，$ _ POST看起来像这样。 这就是我要的：

array( 'one' => array( 'two' => array('three'=>array( [0] => "", [1] => "" ) ) ),
       'four' => array( 'five' => array ('six' => array( 'seven' => "" ) ) ),
       'eight' => array( 'nine' => array( 'ten' => "" ) ) )
     )

我实质上是在尝试AJAX表单提交。 当我做

$("#theForm").serializeArray()

然后通过$.post()发送$ _POST，如下所示：

array( [0] => array( "name" => string "one[two][three][]",  value=>"")
       [1] => array( "name" => string "one[two][three][]",  value=>"")
       [2] => array( "name" => string "four[five][six][seven]",  value=>"")
       [3] => array( "name" => string "eight[nine][ten]",  value=>"")
     )

这对我没有用。 我需要保留之前概述的多维结构。 我想我可以遍历数组并切碎字符串以重新创建所需的内容，但这对我来说似乎是愚蠢的。 是实现此目标的jQuery友好方法吗？

我已经阅读了其他有关jQuery如何发送多维数组的文章，所以也许我需要问的问题是，如何提取表单数据并将其保存在多维数组中？

Answer 1

我的猜测是当您进行AJAX调用时：

data: {data: $("#theForm").serializeArray()}

不要这样做，只需将data设置为serializeArray的值即可。

data: $("#theForm").serializeArray()

编辑 ：您说您正在使用$.post ，我认为您正在这样做：

$.post('/your/url', {data: $("#theForm").serializeArray()}, function(){});

为了使其正常工作，您需要采用以下方式：

$.post('/your/url', $("#theForm").serializeArray(), function(){});

Answer 2

接受的答案是完全正确的。 附带说明一下，如果您需要将其他数据添加到发布数据数组中，则只需将其以{name: "", value: ""}的格式推送到数组中

就我而言，除了表单中所有输入的值之外，我还想基于用户单击的按钮添加一个值。 因此，您要做的就是：

var data = $("#myForm").serializeArray();
data.push({name: "btnVal", value="button_a"});

并确保您发布类似：

$.post("/some/url", data, function(){});