0

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

<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 如何发送多维数组的其他帖子，所以也许我需要问的问题是，如何提取表单数据，将其保存在多维数组中？

4

2 回答 2

4

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

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

不要那样做，只需设置data为serializeArray.

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

编辑：你说你正在使用$.post，我假设你正在这样做：

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

为了让它工作，你需要这样做：

$.post('/your/url', $("#theForm").serializeArray(), function(){});
于 2013-02-27T20:31:27.600 回答
2

接受的答案是完全正确的。作为旁注，如果您需要将其他数据添加到发布数据的数组中，您只需将其以格式推送到数组中{name: "", value: ""}

就我而言，除了表单中所有输入的值之外，我还想根据用户单击的按钮添加一个值。所以你所要做的就是：

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

并确保您发布如下：

$.post("/some/url", data, function(){});
于 2013-03-01T18:29:01.967 回答