收集多個JSONP結果

Question

我有一個從多個jsonp請求中獲取數據的javascript應用程序。 返回所有數據后，頁面將使用新數據進行更新。 下面是偽代碼，但是它是為同步環境而構造的。

function GetAllData() {

   var data1= GetData1();
   var data2= GetData2();
   var data3= GetData3();

   UpdatePage(data1,data2,data3);
}

我遇到的問題是，在更新頁面之前，我需要收集並知道從jsonp請求返回所有數據的時間。 我當時在看延期的jQuery，但是我不確定這是否是正確的解決方案。

任何建議，將不勝感激。

Answer 1

使用JQuery時， Deferred是您的正確解決方案。

function GetData1() {
    return $.ajax("/foo", ...);
}

function GetData2() {
    return $.ajax("/bar", ...);
}

function GetData3() {
    return $.ajax("/baz", ...);
}

function UpdatePage(data1, data2, data3) {
    ...
}

function Error() {
    alert("An error occurred while fetching data");
}

function GetAllData() {
    $.when(GetData1(), GetData2(), GetData3()).then(UpdatePage, Error);
}