jquery ajax：すべてのリクエストが完了したときに関数を呼び出す

Question

ページに2つの同時ajax呼び出しがあります。私はそれらの両方が完了した（そして成功した）ときに関数を呼びたいと思う。

非効率的なソリューション：

1. メイクAJAX呼び出しコールAの成功に、残念ながら機能

を呼び出し、通話Bの成功に

をコールBを作る

、これにより並行性が損なわれます。

他の方法でも同じ効果を達成できますか？

Answer 1

なしメイクアヤックスが同時に呼び出していない偽

にこれら二つのvarialbesを設定する別のグローバルvarialbe ajax_call_B_complete を設定ajax_call_A_complete グローバル変数を設定します。両方のajax呼び出しの成功コールバックでは、varialbesをtrueに設定します。私はajax呼び出しAがajax_call_A_completeをtrueに設定し、ajax呼び出しBはvarialbe ajax_call_B_completeをtrueに設定することを意味します。

これらの2つの変数の値を2秒ごとにチェックする定期的な時間を設定します。両方の変数が真の場合、依存するタスクを起動します。

Answer 2

var isASuccessful = false; 
var isBSuccessful = false; 
function callARequest() { 
    $.get("path/to/url", { params: list }, function() { 
     isASuccessful = true; 
     if (isBSuccessful) { 
      callMeAfterAandB(); 
     } else { 
      callBRequest(); 
     } 
    }); 
} 
function callBRequest() { 
    $.get("path/to/other/url", { params: list }, function() { 
     isBSuccessful = true; 
     if (isASuccessful) { 
      callMeAfterAandB(); 
     } else { 
      callARequest(); 
     } 
    }); 
} 
function callMeAfterAandB() { 
    // todo: something 
} 

Answer 3

は先日this answer I gave to pretty much the same questionを見てください、そしてまた、私は（完全なコードを見て、そのページのソースを表示）をそれに行くために作成the demoを見てみましょう。それは、JavaScriptの者の本来の機能とフラグ変数で約いじくるよりも言語としての全体的な性質をはるかに効率的に利用する私見;-)

Answer 4

$(document).ajaxStop(function() { 
     //do your JQuery stuff; 
});