jQuery hoãn lại - chờ đợi nhiều yêu cầu AJAX hoàn thành

Question

Tôi có chuỗi cuộc gọi ajax chậm trễ ba lớp và lý tưởng là họ sẽ hứa hẹn tất cả các cách khi lớp sâu nhất kết thúc (làm cho tôi điều Khởi động. .. "chúng ta cần phải đi sâu hơn!").

Vấn đề là tôi đang gửi nhiều yêu cầu ajax (có thể là hàng trăm) cùng một lúc và cần trì hoãn cho đến khi tất cả chúng được thực hiện. Tôi không thể dựa vào người cuối cùng được thực hiện cuối cùng.

function updateAllNotes() { 
    return $.Deferred(function(dfd_uan) { 
     getcount = 0; 
     getreturn = 0; 
     for (i = 0; i <= index.data.length - 1; i++) { 
      getcount++; 
      $.when(getNote(index.data[i].key)).done(function() { 
       // getNote is another deferred 
       getreturn++ 
      }); 
     }; 
     // need help here 
     // when getreturn == getcount, dfd_uan.resolve() 
    }).promise(); 
}; 

Answer 1

Bạn có thể sử dụng .when() và .apply() với nhiều trì hoãn. Cực kỳ hữu ích:

function updateAllNotes() { 
    var getarray = [], 
     i, len; 

    for (i = 0, len = data.length; i < len; i += 1) { 
     getarray.push(getNote(data[i].key)); 
    }; 

    $.when.apply($, getarray).done(function() { 
     // do things that need to wait until ALL gets are done 
    }); 
} 

Answer 2

Cảm ơn câu trả lời brittohalloran. Tôi cũng sử dụng dấu gạch dưới, vì vậy tôi đã có thể áp dụng giải pháp của bạn rất gọn gàng với bản đồ, giống như thế này:

$.when.apply($, _.map(data, function(i) { 
    return getNote(i.key); 
})).done(function() { 
    alert('Be Happy'); 
}); 

Wicked hữu ích.

Answer 3

Nếu bạn tham khảo jQuery.When doc, nếu một trong các cuộc gọi ajax của bạn không thành công, fail gọi lại chính sẽ được gọi ngay cả khi tất cả cuộc gọi ajax chưa kết thúc. Trong trường hợp này bạn không chắc chắn rằng tất cả các cuộc gọi của bạn đã hoàn tất.

Nếu bạn muốn chờ đợi cho tất cả các cuộc gọi của bạn, không có vấn đề gì kết quả là, bạn phải sử dụng một thu nhập hoãn lại như thế này:

$.when.apply($, $.map(data, function(i) { 
    var dfd = $.Deferred(); 
    // you can add .done and .fail if you want to keep track of each results individualy 
    getNote(i.key).always(function() { dfd.resolve(); }); 
    return dfd.promise(); 
});