Javascript 如何使用一次提交提交多个表单?

Javascript 如何使用一次提交提交多个表单?,javascript,jquery,forms,submit,Javascript,Jquery,Forms,Submit,我在同一页上有多个表单,但我希望一次提交所有表单,而不是一次提交一个。我的方法是克隆另一个表单中的所有数据,并立即提交,但这会增加开销。那么,有没有另一种方法可以一次性提交多个表单数据呢 提前感谢您的帮助。您可以按照自己的方式进行,也可以通过ajax请求提交表单。如果不需要异步,我可能会按照您计划的方式执行。您可以按照自己的方式执行,也可以通过ajax请求提交表单。如果不需要异步,我可能会按照您计划的方式执行。Hmmmm。这听起来可能很激烈,但为什么不将所有的输入封装到一个表单元素中呢?如果不是

我在同一页上有多个表单,但我希望一次提交所有表单,而不是一次提交一个。我的方法是克隆另一个表单中的所有数据,并立即提交,但这会增加开销。那么,有没有另一种方法可以一次性提交多个表单数据呢


提前感谢您的帮助。

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

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

Hmmmm。这听起来可能很激烈,但为什么不将所有的
输入
封装到一个
表单
元素中呢?如果不是这样的话,我认为您将不得不依靠AJAX来完成这项工作。

Hmmmm。这听起来可能很激烈,但为什么不将所有的
输入
封装到一个
表单
元素中呢?如果不是这样,我认为您将不得不依靠AJAX来完成这项工作。

当单击
“按钮”
时,这将通过AJAX提交所有表单元素

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

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

当单击
“按钮”
时,这将通过ajax提交所有表单元素

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

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

并提交表单?我将使用ajax进行此操作,因为在提交一个表单时,您必须重新收集其他表单的所有数据,并为提交创建隐藏输入。我同意@RichardNeilagan。为什么有多个表单而不是一个?您始终可以将所有单独的处理程序合并到一个文件中,或者提交给只包含相应文件的总体处理程序。
以后该页面可能会包含另外两个表单。。。然后提交表单?我会使用AJAX,因为在提交一个表单时,您必须重新收集其他表单的所有数据,并为提交创建隐藏输入。我同意@RichardNeilagan。为什么有多个表单而不是一个?您始终可以将所有单独的处理程序合并到一个文件中,或者提交给只包含相应文件的总体处理程序。
以后该页面可能会包含另外两个表单。。。