Zbierz wyniki AJAX w kolejności

Question

Mam tablicę wartości (myarray), którą chcę iterować i uruchomić żądanie AJAX dla każdej iteracji. Mam umieścić każdy ajax żądania wewnątrz innej tablicy (requests), tak, że mogę nazwać alert gdy wszystkie żądania AJAX ukończyli:

tak:

var requests = []; 
for (i = 0; i < myarray.length; ++i) { 
    requests.push($.ajax({ 
     url: 'anotherurl?=' + myarray[i], 
     dataType: "JSONP", 
     success: function (data) { 
      array_of_results.push(data); 
     } 
    })); 
} 
$.when.apply($, requests).done(function() { 
    alert('complete'); 
}); 

Wszystkie wyniki są zebrane w array_of_results. Jednak z powodu żądań AJAX, które trwają w różnym czasie, tablica ta nie ma wyników w pierwotnej kolejności.

Czy istnieje sposób na zamówienie tej tablicy?

Mam nadzieję, że mam sens. Doceniam to, że jest dość zawiłe.

Answer 1

Czy próbowałeś następujące elementy? Myślę, że to powinno zadziałać. Wszystkie odpowiedzi powinny być dostępne, w kolejności, w funkcji sukcesu when().

var requests = []; 
for (i = 0; i < myarray.length; ++i) { 
    requests.push($.ajax({ 
     url: 'anotherurl?=' + myarray[i], 
     dataType: "JSONP" 
    })); 
} 
$.when.apply($, requests).done(function() { 
    array_of_results = arguments; 
    alert('complete'); 
}); 

Answer 2

Zamiast używać pętli, należy rozważyć zastosowanie rekursji. Oto pełny przykład:

var myArray = [ 
    "somevalue", 
    "some other value", 
    "another value" 
]; 
var i = myArray.length; 
var responses = []; 

function doRequests(){ 
    i--; 
    $.ajax({ 
     url: "myurl.php", 
     data: {paramname: myArray[i]} 
    }).done(function(response){ 
     responses.push(response); 
     if(i>0) doRequests(); 
     else{ 
      // all requests sent.. do stuff 
      // responses array is in order 
      console.log(responses); 
      alert("all done!"); 
     } 
    }); 
} 

Answer 3

Jak korzystać z wywołania jquery.ajax z ustawieniem asynchronicznym jako false. W ten sposób reaponse będzie w porządku, jak o ...

Answer 4

Opierając się na @ odpowiedź Christo - wykorzystanie tablic mapa funkcję

var array_of_results = []; 
var requests = myarray.map(function(item, index) { 
    return $.ajax({ 
     url: 'anotherurl?=' + item, 
     dataType: "JSONP", 
     success: function (data) { 
      array_of_results[index] = data; 
     } 
    } 
}); 

...

Answer 5

Możesz dodać niestandardowy atrybut do Twojego $.ajax obiekt, ustawiony na Twój i var.

var requests = []; 
for (i = 0; i < myarray.length; ++i) { 
    requests.push($.ajax({ 
     url: 'anotherurl?=' + myarray[i], 
     dataType: "JSONP", 
     myCustomIndex: i, 
     success: function (data) { 
      array_of_results[this.myCustomIndex] = data; 
     } 
    })); 
} 
$.when.apply($, requests).done(function() { 
    alert('complete'); 
}); 

JavaScript jest naprawdę permisive, jeśli przypisać wartość do tablicy poza jej granicami (wyższa niż 0), rozmiar tablicy zostanie automatycznie ustawiony w odpowiedniej ilości.