jQuery每次完成时，触发函数

Question

当 .each 完成循环我的元素时，如何启动重定向到新页面等功能？这是我当前的代码:

$('#tabCurrentFriends > .dragFriend').each(function(){ 
    var friendId = $(this).data('rowid');
    $.ajax({
        type: "POST", url: "../../page/newtab.php", data: "action=new&tabname=" + tabname + "&bid=" + brugerid + "&fid=" + friendid,
        complete: function(data){
        }
    });
});

Answer 1

您可以在所有 AJAX 请求完成后使用 $.when()/$.then() 重定向用户:

//create array to hold deferred objects
var XHRs = [];
$('#tabCurrentFriends > .dragFriend').each(function(){  
    var friendId = $(this).data('rowid'); 

    //push a deferred object onto the `XHRs` array
    XHRs.push($.ajax({ 
        type: "POST", url: "../../page/newtab.php", data: "action=new&tabname=" + tabname + "&bid=" + brugerid + "&fid=" + friendid, 
        complete: function(data){ 
        } 
    })); 
}); 

//run a function when all deferred objects resolve
$.when(XHRs).then(function (){
    window.location = 'http://stackoverflow.com/';
});

编辑 - 要对数组使用when，必须使用apply:

$.when.apply(null, XHRs).then(function () {
    window.location = 'http://stackoverflow.com/';
});

jQuery AJAX 请求创建延迟对象，这些对象在完整函数触发时解析。此代码将这些延迟对象存储在一个数组中，当它们全部解析时，.then() 中的函数就会运行。

文档:

• $.when(): http://api.jquery.com/jquery.when
• $.then(): http://api.jquery.com/deferred.then/