如何在表单提交之前保持我的AJAX请求被取消？

Question

我有一个表单提交处理程序，需要在“默认”表单提交之前进行AJAX调用。

$('#form').on('submit', function (event) {
    { ... }
    $.ajax({
        type: "POST",
        data: data,
        url: "/submit"
    }).done(function() {
        { ... }
        // Do default form action here
        return true;
    });
});

ajax调用上面的代码运行，但是一旦调用了ajax，表单就会被提交，我被重定向到动作URL。

如何在调用AJAX回调之后阻止默认表单提交？

Answer 1

将async: false参数添加到ajax方法中。这将使您的呼叫同步并且表单将在ajax请求完成后立即提交。