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

Question

下图显示了我正在使用的 html 页面布局的简化。它有 3 个表单，每个表单都有自己的提交按钮，可以单独提交。位于页面顶部的“Master Save”。此按钮应保存所有 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;
    };

按下“主保存”后，我想提交表单按顺序 1 > 2 > 3。但我希望表单 2 等到表单 1 结束。

Form1 已提交 >> Form2 已提交 >> Form3 已提交。

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

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

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

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

            return false;
        });

请提供在“点击”功能中订购提交的方法，如所示。谢谢。

Answer 1

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

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

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