javascript - 找出两个 JSON 请求何时完成

Question

我目前有以下代码:

function render(url1, url2, message) {
    utility.messageBoxOpen(message);

    $.getJSON(url1, function (items) {
        // Do something

        utility.messageBoxClose();
    });

    $.getJSON(url2, function (items) {
        // Do something
    });
}

当函数执行时，会出现一个模态窗口，通知用户正在加载某些内容。最初我只有一个 $getJSON 请求，所以当请求完成时，模式窗口按照上面的代码关闭。

我想添加另一个 $getJSON 请求，但只想在两个 $getJSON 请求都完成后才关闭模态窗口。

实现此目标的最佳方法是什么？

Answer 1

您正在寻找 $.when()

所有 jQuery ajax 请求(包括像 getJSON 这样的快捷方式)返回可用于控制其他操作的延迟对象。

var dfd1 = $.getJSON(url1, function (items) {
    // Do something    
});

var dfd1 =  $.getJSON(url2, function (items) {
    // Do something
});

$.when(dfd1, dfd2).then(function(){
    //both succeeded
    utility.messageBoxClose();
},function(){
    //one or more of them failed
});

如果您不关心 getJSON 是否成功返回，而只关心它们是否完成，您可以:

$.when(dfd1, dfd2).done( utility.messageBoxClose );