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

Question

我正在学习在两个函数的成功结果后执行回调，其中一个是 ajax，一个是非 ajax(两者都是异步的)。在我的脚本中，有一个非 ajax 调用用于在程序开始时加载多个图像，还有一个 ajax (JQuery) 调用用于请求包含脚本中变量数据的 JSON。我发现了 JQuery 的 when() 函数用于进行多个 ajax 调用，我还发现了 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;
}

阅读有关延期 promise 的更多信息 here