jquery - 使页面在重定向之前等待提交完成

Question

我正在开发一个 ASP.NET MVC3 Web 应用程序

我正在使用 Jquery 提交多个表单

for (var i = 0; i < AllForms.length; i++) {
            $(AllForms[i]).trigger('submit');
        }

然后我重定向到主页

window.location.href = '@Url.Action("Index", "Home")';

我的问题是，表单提交是异步完成的，有时页面会在所有提交结束之前重定向。

如何让页面等待提交完成然后重定向？

谢谢

Answer 1

var formCount = $('form').length;
$('form').each(function() {
    jQuery.post(url, $(this).serialize(), function() {
        formCount--;
        if(formCount === 0) {
            window.location.href = '@Url.Action("Index", "Home")';
        }
    });
});

试试这个。这是一个简化版本，但也许您需要额外检查 ajax 请求是否已成功发送。