多个表单的一个提交按钮。掌握保存策略，

Question

下面的图片显示了我正在使用的html页面布局的简化。它有3个表单，每个表单都有自己的提交按钮，可以单独提交。在页面顶部＆＃34; Master Save＆＃34;位于。此按钮应保存所有3个表单。 每个表单都有submit()函数重载，它们看起来像这样：

    form1.submit(function () {
                Form1SubmitOverloaded(this);
            return false;
     });

    Form1SubmitOverloaded = function (form) {

            $.post(form.action, $(form).serialize(), function (data) {

            //DOM manipulation, etc/

            }).fail(function () {

                //error parsing etc.

            });

        return false;
    };

按下＆＃34; Master Save＆＃34;我想按顺序提交表单 1＆gt; 2＆gt;但我希望表格2等到表格1结束。

Form1已提交＆gt;＆gt; Form2已提交＆gt;＆gt; Form3已提交。

$('#masterSave').click(function () {

            $('#form1').submit();

            $('#form2').submit(); // wait until form1 ended

            $('#form3').submit(); // waint until form2 ended

            return false;
        });

请提供点击＆＃39;点击＆＃39;功能如所呈现。 感谢。

Answer 1

你可以使用这样的东西

 Form1SubmitOverloaded();
 $.ajax({
  type: "POST",
  url: test1.php,
  data: $( "#form1" ).serialize(),
  success: function(){
                Form2SubmitOverloaded();
                $.ajax({
                      type: "POST",
                      url: test2.php,
                      data: $( "#form2" ).serialize(),
                      success: function(){
                                    Form3SubmitOverloaded();
                                    $.ajax({
                                          type: "POST",
                                          url: test2.php,
                                          data: $( "#form2" ).serialize(),
                                          success: function(){
                                                    alert("All submit successfully");
                                                    }  
                                    });
                                }  
                });
            }  
});

Answer 2

.post()方法看起来没有同步属性。但.ajax()有。{3}}。

我建议你使用.ajax（）方法而不是.post（）快捷方法。这样你可以强制ajax同步

$.ajax({
   [...]
   async : false
}