javascript - jquery ajax inside .each 如何在整个.each完成时触发函数

Question

我有以下功能:

$.each(friends, function(friend, data) {
        var group = "Chat";

$.ajax({'type':'GET', 'url':'/site/getgroup?username=' + friend,
'success':function(callback){

group = callback;
self.addFriend(friend, data.status, group);

}, //ajax success
});  //ajax

            });

在这些代码之后，我有一些代码使用这些 .each 和 .ajax 中的数据来初始化聊天栏。然而，现在由于 Ajax 是异步的，所以它变得非常有问题。在不将 ajax async 设置为 false 的情况下，我怎么知道这些 .each 都已完成返回的 ajax 值？ (意味着这部分已经完全完成)。

有没有一种方法可以使用 .promise、.complete 或 XHR 来了解整个 .each 事情是否完整？我尝试了很多东西，但它们似乎不适合我。

谢谢，

Answer 1

使用$.when()

var xhrs = []
$.each(friends, function (friend, data) {
    var group = "Chat";
    var xhr = $.ajax({
        'type': 'GET',
        'url': '/site/getgroup?username=' + friend,
        'success': function (callback) {
            group = callback;
            self.addFriend(friend, data.status, group);    
        }, //ajax success
    }); //ajax
    xhrs.push(xhr)
});

$.when.apply($, xhrs).done(function(){
    //all are complete
});