多個ajax和非ajax函數後回調

Question

我正在學習執行一個回調後成功的結果來自兩個函數，其中之一是ajax和一個是非ajax（都是異步）。在我的腳本中，有一個非ajax調用來在程序開始時加載多個圖像，以及一個ajax（JQuery）調用來向腳本中的變量請求帶有數據的JSON。我發現JQuery的when()函數用於進行多個ajax調用，並且我發現this answer用於在回調之前發出多個請求，這可能是hackable。我正在追蹤我的尾巴，尋找一些關於是否或如何使函數在多個混合函數之後執行回調的建議。預先感謝您的想法！

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函數返回承諾對象：

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