Ajax循環和響應順序

Question

我使用$ .ajax從服務器（geoserver）檢索一系列數據。

（簡化）的要求是這樣的：

var dataList=[]; 
//var urllist= // a list of several URLs to request data from 


$.each(urllist,function(i) { 
    $.ajax({ 
     jsonpCallback: 'getJson', 
     type: 'GET', 
     url: urllist[i], 
     dataType: 'jsonp', 
     success: function(data) { 
        dataList[i]=data.value; 
        } 
    }) 
}); 

我需要寫的全局變量dataList，因爲我需要火後從urllist所有請求完成的事件。 （我有推遲實施像so）。

問題是完成的列表總是以不同的順序。我需要的結果與請求的順序相同。

這可能是一個封閉的問題，其中傳遞給ajax函數的索引i以及發生在稍後時間點（每個循環移動時）的分配爲dataList。 我試圖照顧像this，但問題依然如此。另外$.each像上面的代碼應該爲每個迭代創建一個單獨的閉包。

我設法實現了一個recursive function但它的同步。

編輯：suggested duplicate不與環形阿賈克斯處理請求

Answer 1

這個問題是不相關的deferreds但對JSONP或請求所需的相關jsonpcallback。在提出請求的數據作爲JSON解決了這個問題

學分@charlietfl的答案：Looped ajax request. Error handling and return order

對於任何人都希望這件事：你極有可能使Cross-Origin Resource Sharing on geoserver能夠直接訪問JSON

Answer 2

您可以訪問所有的結果$.when回調以正確的順序

// map an array of promises 
var deferreds = urllist.map(function(url){ 
    // return the promise that `$.ajax` returns 
    return $.ajax({   
     url: url, 
     dataType: 'jsonp' 
    }).then(function(data){ 
     return data.value; 
    }) 
}); 

$.when.apply($, deferreds).then(function(results){ 
    // results will be array of each `data.value` in proper order 
    var datalist = results; 
    // now do whatever you were doing with original datalist 
    $.each(datalist.... 

}).fail(function(){ 
    // Probably want to catch failure 
}).always(function(){ 
    // Or use always if you want to do the same thing 
    // whether the call succeeds or fails 
});