jQueryが完了すると、トリガー機能

Question

各要素がループされたときに新しいページにリダイレクトするような機能を開始するにはどうすればよいですか？ これは私の現在のコードです：あなたはこのような何かをしようとする必要がありますので、

$('#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/'; 
}); 

編集からを使用するために配列、applyと210を使用する必要があります

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

jQueryのAJAXリクエストは、彼らの完全な機能火災解決defferedオブジェクトを作成します。このコードは、これらの定義されたオブジェクトを配列に格納し、それらがすべて解決されたときに.then()内の関数が実行されます。

ドキュメント：

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

Answer 2

AJAXは、非同期的に起こる：

var total = $('#tabCurrentFriends > .dragFriend').length; 
var completed = 0; 

$('#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){ 
       completed++; 

       if (completed == total) { 
       // All have been loaded. 
       } 
     } 
    }); 
});