如何通过一次提交提交多个表单？答案

【问题标题】：how to submit multiple forms with single submit?如何通过一次提交提交多个表单？
【发布时间】：2011-07-13 15:39:44
【问题描述】：

我在同一页面上有多个表单，但我想将所有表单一起提交一次，而不是一次提交一个。我的方法是克隆另一个表单中的所有数据并立即提交，但这有点开销。那么，是否有另一种方法可以一次提交多个表单数据。

提前感谢您的帮助。

【问题讨论】：

AJAX 并提交表单behind the scenes?
我会用 AJAX 来做，因为在提交一个你必须重新收集其他表单的所有数据并为提交创建隐藏输入..
我同意@richardneililagan。为什么有多种形式而不是只有一种？您始终可以将所有单独的处理程序组合到一个文件中，或者提交给一个只有includes 适当文件的整体处理程序。
将来该页面可能包含另外 2 个表单...

【解决方案1】：

这将在点击'button' 时通过ajax 提交所有表单元素

$('button').click(function() {
    $('form').each(function() {
        $.post(this.action, $form.serialize());
    });
});

请注意，这不会刷新页面，因为它们都是通过 ajax 提交的...

【讨论】：

【解决方案2】：

嗯嗯。这听起来可能很激烈，但为什么不将所有INPUTs 封装到一个FORM 元素中呢？如果不是这样，我认为您将不得不依靠 AJAX 来为您执行此操作。

【讨论】：

【解决方案3】：

您可以按照自己的方式进行操作，也可以通过 ajax 请求提交表单。如果不需要它是异步的，我可能会按照您计划的方式进行。

【讨论】：