jQueryでの非同期イベントの処理

Question

3つの非同期イベントがありますが、それらは順番にしか実行できません。最初の非同期イベントが完了すると、2番目の非同期イベントが実行されます。 2番目のイベントが完了すると、3番目のイベントが実行されます。示すように私のコードは次のとおりです。

asynchronousEvent1(parameters1, function() { // Do stuff 
    asynchronousEvent2(parameters2, function() { // Do stuff 
     asynchronousEvent3(parameters3, function() { // Do stuff 
     }); 
    }); 
}); 

この電流形式は、私は別の内にネストされた関数の長いシーケンスを持っている必要があることを意味します。

asynchronousEvent1(parameters1, function() { /* Do stuff */ }); 
whenEvent1Completed(asynchronousEvent2(parameters2, function() { /* Do stuff */ }); 
whenEvent2Completed(asynchronousEvent3(parameters3, function() { /* Do stuff */ }); 

Answer 1

jQuery 1.5で導入されたdeferred objectsを使用できます。あなたの関数は（あなたが独自に作成することができますまたはコースの）$.ajaxによって返されたものと同様、繰延オブジェクトを返すと仮定：

asynchronousEvent1(parameters1).pipe(function() { 
    // do stuff 
    return asynchronousEvent2(parameters2); 
}).pipe(function() { 
    // do stuff 
    return asynchronousEvent3(parameters3); 
}).then(function() { 
    //do stuff 
}); 

はdeferred.pipe^[docs]の最後の例を見てください。

Answer 2

私は必ずしもこれが答えますが、アイデアのよりであることを考慮していない：コードの形式は、およそだろうそのため、私が使用できるイベントハンドラのいくつかの並べ替えは、そこにあります。実際の生活の中でどのようにコードが配置されているのか分かりませんが、関数をロードした配列を使用してその順序で呼び出す可能性があります。次に、リスト内の次のものをチェックし、それを呼び出します。私は働くかどうかはわかりませんが、それはアイデアです。

JMAX

Answer 3

私は、私は完全にあなたが探しているものを理解していません。

たとえば、イベント1の結果を処理する関数を定義して、チェーンが定義されている場所にリテラルを書き込むのではなく、その関数への参照を渡すだけで済みます。そのパターンを使用する場合は、パラメータが1つのイベントから別のイベントにどのように渡されるかを微調整する必要があります。彼らはあなたには、いくつかのデータの可視性のものをうまくする必要がありますを意味し、あなたのオリジナルの実装では、同じように

例えば：この例では

function handleEvent1() { 
    // do something 
    asynchronousEvent2(parameters2, handleEvent2); 
} 

function handleEvent2() { 
    // do something 
    asynchronousEvent3(parameters3, handleEvent3); 
} 

asyncronousEvent1(parameters1, handleEvent1); 

は、これらのイベントハンドラはどれも同じ閉鎖の恩恵を受けていません。

Answer 4

各イベントコールバックおよびput条件ごとに値を設定して、それぞれの依存イベントを発生させます。

$('blah').animate({},1000,function(){animated = true} 
if(animated){$('blahblah').animate()...}