在jQuery中发布/提交多个表单

Question

我在页面上有两个表单（一个是由AJAX抓取的）。 我需要它们都被发布，所以我序列化第二个并使用jQuery在一个帖子中发送它，然后再提交第一个。 但是，只有第一个表单似乎已发布。 奇怪的是，如果我在序列化的帖子之后发出警报它按预期工作。 这到底是什么问题？

$("#submit").livequery('click', function() {
    var form = $("#second_form");
    var action = form.attr("action");
    var serialized_form = form.serialize();
    $.post(action, serialized_form);

    //alert('test');

    $("#first_form").submit();

    return false;
});

有没有更好的方法发布两个表单，然后在按下按钮时重定向到新页面？ 我尝试使用上面的方法发布它们，然后使用window.location更改页面，但我遇到了类似的问题。

非常感谢！

Answer 1

您可以尝试在“second_form”帖子的回调中提交“first_form”。 我相信“first_form”的提交正在卸载页面，导致第二个帖子被中止。 在“second_form”的回调中执行“first_form”的帖子将确保在第二篇文章开始之前完成初始帖子。

$("#submit").livequery('click', function() {
    var form = $("#second_form");
    var action = form.attr("action");
    var serialized_form = form.serialize();
    $.post(action, serialized_form, submit_first);
});

function submit_first(val) {
   $("#first_form").submit();
}