多个 ajax 和非 ajax 函数后的回调

Question

我正在学习在两个函数的成功结果后执行回调，其中一个是 ajax，一个是非 ajax（两者都是异步的）。在我的脚本中，在程序开始时有一个非 ajax 调用来加载多个图像，还有一个 ajax (JQuery) 调用来请求一个带有脚本中变量数据的 JSON。我发现了用于进行多个 ajax 调用的 JQuery 的 when() 函数，并且我发现了用于在回调之前发出多个请求的 this answer，这可能是可破解的。我正在追赶我的尾巴，并寻找一些关于是否或如何使函数在多个混合函数之后执行回调的建议。提前感谢您的想法！

Answer 1

$.when 实际上会接收多个延迟对象，所以你可以这样做：

var xhr = ajax();
var images_promise = loadImages();

$.when.apply($, [xhr, images_promise]).done(function () {
    // something to do when both are complete
});

假设ajax 和loadImages 函数返回promise 对象：

function ajax() { 
    return $.ajax({
        // ajax configuration
    });
}

function loadImages() { 
    // create the deferred promise object
    var dfd = new jQuery.Deferred();
    $("img").on('load', function() { 
        // on the load event resolve the promise
        dfd.resolve();
    });
    return dfd;
}

阅读有关延迟承诺的更多信息here