jquery: đợi cho đến khi tất cả các cuộc gọi ajax xong sau đó tiếp tục

Question

Tôi có một số cuộc gọi ajax trong document.ready của tôi()

như:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 
     }); 
    })(j) 
} 

//DO NOT CONTINUE UNTIL FINISH AJAX CALLS 

........ 
MORE JQUERY CODE 

Làm thế nào tôi có thể buộc nó phải chờ và không tiếp tục cho đến khi chúng tôi nhận được tất cả các cuộc gọi lại từ các yêu cầu ajax?

Answer 1

tôi không thích bất kỳ câu trả lời nào cả, cách tốt nhất (kể từ Jquery 1.5 +) là sử dụng đối tượng thu nhập hoãn lại, đó là những đối tượng để thao tác cuộc gọi async , bạn có thể giải quyết:

$.when($.ajax("/page1.php"), $.ajax("/page2.php")) 
    .then(myFunc, myFailure); 

Bằng cách này myFunc thực hiện sau khi 2 cuộc gọi ajax được thực hiện và myFailure nếu một trong hai lỗi có lỗi.

Bạn có thể đọc thêm về nó trong tài liệu chính thức jquery: JQuery Deferred Object

tôi viết giải pháp này nếu có ai nhìn thấy bài này nó có thể hữu ích.

Xin lỗi tiếng anh của tôi: P

Answer 2

bạn có thể sử dụng những thành công (tức là một hàm callback của ajax jquery) như dưới đây:

$.ajax({ 
    url: url, 
dataType: 'json', 
data: data, 
success: function(data){ 
//Write your code here. 
    } 
}); 

Bạn có thể nhận được tài liệu của ajax dưới đây -

ajax

Answer 3

Trước hết, bạn có thể muốn để xem xét thực hiện mã khởi động trong một cuộc gọi.
Thứ hai: Thay vì chờ đợi, chỉ cần gọi một cuộc gọi chức năng khác. cho mã trên nó sẽ giống như thế:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      initDoneDoMoreStuff() 
     } 
     }); 
    })(j) 
} 

hoặc kích hoạt:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      $(document).trigger("initdone"); 
     } 
     }); 
    })(j) 
} 

$(document).bind("initdone", function() {....}); 

Answer 4

Nó wasn't dễ dàng cho tôi để làm điều đó, nhưng có lẽ bạn tìm thấy mã của tôi hữu ích. Đó là một quá trình để gửi tất cả các hình thức trong dom và sau khi tất cả chúng được lưu trữ, chuyển hướng người dùng đến một trang khác.

formulario = $('form'); 
formulariolongitud = formulario.length; 
i = 0; 

formulario.each(function(index, value) { 
    $(this).ajaxSubmit({ 
     async: false,//not sure i 
     success: function() { 
      i++; 

      if(i === formulario.length) {//this is the last one to submit 
       window.location.replace(whatever); 
      } 
     } 
    });       
}); 

Answer 5

Vấn đề với điều gì đó xảy ra nếu (j == 7) là tình huống khi yêu cầu thứ 7 rất nhanh và thậm chí một trong những yêu cầu khác rất chậm. Mặc dù bạn đã xếp hàng cuối cùng, nhưng nó có thể không phải là người cuối cùng để hoàn thành.

Câu trả lời này dường như làm việc cho tất cả các điều kiện: https://stackoverflow.com/a/3709809/813154