javascript - 等待ajax响应相同的功能

Question

我知道类似的问题已发布过很多次，但是我已经阅读了其中很多内容，但找不到我的问题的答案。

我有一个等待 ajax 请求响应的函数。很多人会问为什么？好吧，我使用的是一个向导 Jquery 插件，它在离开步骤时执行函数 onLeaveAStepFunction ，然后如果 onLeaveAStepFunction 的返回值为真的;否则它保持在同一步骤。

我正在这样做async: false来等待并且它有效，但这是一个糟糕的设计。另外，我无法使用 blockUI 插件。

我该怎么做？

一些代码:

初始化向导:

$("#wizard").smartWizard({
        onLeaveStep : onLeaveStepFunction,
    });

调用ajax请求:

function onLeaveStepCallback(obj, context) {
    nextStep = sendForm();
}

ajax请求:

var nextStep = false;
$.ajax({
    url : path,
    type : "POST",
    async : false,
    data : $("#" + idForm).serialize(),
    success : function(data) {
        $("#" + idDiv).html(data);
        nextStep = !$("#" + idHiddenErrores).val())
    }
});

省略属性。请帮助我。

Answer 1

您可以使用 jQuery 等待方法。我从文档页面中获取了一个示例来强调您将如何做到这一点:

$.when( $.ajax( "/request.php" ) ).done(function( response ) {
        // response argument resolved from ajax requests
        // process any work after ajax call finishes
}

文档页面的链接:

http://api.jquery.com/jquery.when/