Ajax loop and response order

Question

Я извлекаю серию данных с сервера (геосервера) с использованием $ .ajax.

The (упрощенный) запрос выглядит следующим образом:

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).

Проблема что готовый список всегда в другом порядке. Мне нужен результат в том же порядке, что и запросы.

Это может быть проблема закрытия, где индекс i, который передается функции ajax и выделение dataList, которое происходит в более поздней точке (когда каждый цикл перемещен). Я пробовал позаботиться об этом, как this, но проблема остается такой же. Также $.each, как и в приведенном выше коде, в любом случае должно создать отдельное закрытие для каждой итерации.

Мне удалось реализовать recursive function, но его синхронно.

редактировать: suggested duplicate не имеет дела с зацикленной AJAX просит

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 
});