3

我有以下功能：

$.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 中的数据来初始化 chatBar。然而，现在由于 Ajax 是异步的，它变得非常有问题。我怎么知道这些 .each 都完成了返回的 ajax 值而不将 ajax async 设置为 false？（表示这部分已完全完成）。

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

谢谢，

4

3 回答 3

12

使用$.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
});
于 2013-09-20T15:22:15.100 回答
0

一个简单的解决方案是拥有一个状态数组，并且对于每个 ajax 请求，在成功/错误处理程序上更新和检查状态数组以查看所有其他 ajax 请求是否已完成。这样，您还可以存储每个 ajax 请求的响应。

于 2013-09-20T15:23:25.993 回答
0

看看$.when()它看起来可能会解决您的问题。我不能确定它会对$.each.

http://api.jquery.com/jQuery.when/

于 2013-09-20T15:26:53.317 回答