他のすべてのAJAX呼び出しが完了した後のjQueryロード関数

Question

jQuery .eachループが配列を経由しています。配列内の各項目に対して、AJAX呼び出しを行います。すべてのAJAX呼び出しが完了したら、​​メソッドを使用してページの一部をリロードします。しかし、.ajaxStop()メソッドを使用すると、これによって無限ループが作成されます。

どうすればこの問題を解決できますか？以下

コードは...

これは、ボタンが

$.each(remMems, function(index, value) { 
     $.ajax({ 
      url: 'components/update_members.php', 
      type: 'POST', 
      data: {'memberbadge':value, 'function':'removemember'}, 
      timeout: 6000 
     }); //end ajax call 

     //if its the last item, then refresh the area 
     if (index == lastitem) { 
      refreshMembers(); 
     } 
    }); //end the for each loop 

をクリックされたときのための一部であり、これは、各ループが完了したとき、の部分をリフレッシュするために呼び出されるメソッド/関数でありますページ

function refreshMembers() { 
    $('#listwrapper').load('members.php' + ' #ert_members'); 
}; 

Answer 1

遅延オブジェクトの配列を作成するためにループを使用できます。その配列を$.whenに適用し、load()メソッドを呼び出すことができます。より良い方法は、完全にあなたのupdate_members.phpがvalueの配列を取得し、単一のAJAX呼び出しを行うために変更するだろうと

var requests = []; 
$.each(remMems, function(index, value) { 
    requests.push($.ajax({ 
     url: 'components/update_members.php', 
     type: 'POST', 
     data: { 
      'memberbadge': value, 
      'function': 'removemember' 
     }, 
     timeout: 6000 
    })); 
}); 

$.when.apply($, requests).done(function() { 
    $('#listwrapper').load('members.php #ert_members'); 
}); 

注：これを試してみてください。