Thu thập kết quả AJAX theo thứ tự

Question

Tôi có một mảng giá trị (myarray), mà tôi muốn lặp qua và chạy một yêu cầu AJAX trên mỗi lần lặp. Tôi đã đặt mỗi yêu cầu ajax bên trong một mảng (requests), vì vậy mà tôi có thể gọi một alert khi tất cả các yêu cầu AJAX đã hoàn thành:

Giống như vậy:

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

Tất cả các kết quả được thu thập trong array_of_results. Tuy nhiên do các yêu cầu AJAX lấy các khoảng thời gian khác nhau để hoàn thành, mảng này không có kết quả theo thứ tự ban đầu.

Có cách nào để đặt hàng mảng này không?

Tôi hy vọng tôi có ý nghĩa. Tôi đánh giá cao điều này khá phức tạp.

Answer 1

Bạn đã thử những điều sau đây chưa? Tôi nghĩ rằng điều này sẽ làm việc. Tất cả các câu trả lời sẽ có sẵn, theo thứ tự, trong chức năng thành công của 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

Thay vì sử dụng vòng lặp xem xét sử dụng đệ quy. Dưới đây là ví dụ hoàn chỉnh:

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

Cách sử dụng lệnh jquery.ajax với cài đặt không đồng bộ là sai. Bằng cách này, reaponse sẽ được theo thứ tự theo yêu cầu ...

Answer 4

Dựa trên câu trả lời @ Christo của - sử dụng các mảng đồ chức năng

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

Bạn có thể thêm một thuộc tính tùy chỉnh để $.ajax của bạn đối tượng, được đặt thành số 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 thực sự là sự hoán đổi, nếu bạn gán giá trị cho mảng ngoài giới hạn của nó (cao hơn 0), kích thước của mảng sẽ được tự động đặt thành số tiền phù hợp.