jQuery遅延チェーニングの問題

Question

私はおそらく何かが分かりません。同様の例を見つけようとしていますが、私がやりたいことと全く同じものを見つけることはできません。私は特定の順序で実行する一連のajax呼び出しが必要です。 、

showStandbyDialog(); 
    $.when(function(){console.log('Paying Charges due before transaction');}) 
     .always(this.applyCredit(parseFloat($(this.currentChargesTarget).html()))) // Pay charges due before transaction 
     .always(function(){console.log('Applying renewals');}) 
     .always(this.applyRenewals()) // Apply Renewals 
     .always(function(){console.log('Paying renewal charges');}) 
     .always(this.applyCredit(this.renewCart.length * this.renewCost)) // Pay renewal charges 
     .always(function(){console.log('Applying checkouts');}) 
     .always(this.applyCheckOut()) // Apply checkouts 
     .always(function(){console.log('Paying checkout charges');}) 
     .always(this.applyCredit(this.cart.length * this.checkOutCost)) // Pay checkout charges 
     .always(function(){console.log('Applying card replacement');}) 
     .always(this.applyCardReplacement()) // Apply card replacement 
     .always(function(){console.log('Paying leftover charges');}) 
     .always(this.applyCredit(this.cardCost)) // Pay leftover charges 
     .always(function(){console.log('Finalizing Transaction');}) 
     .always(function(){ updateCharges(); bfwd.Patron.Transaction.reset(); hideStandbyDialog(); }); // Reset Transaction and clear standby dialog 

は、今私は、の.doneを試してみました.then、そしてちょうど.anythingについて（）が、ハンドルの機能ではconsole.log（）コード：私は、トランザクションを確定するには、次のコードを使用していますthis.applyCredit（）は常にconsole.log（ 'トランザクションの終了'）の後にログを記録します。あなたが不思議に思っていた場合に備えて、すべてのthis.function（）コールはjqueryの遅延メソッドを返します。

私は完全にここに私のjsFiddleリメイク

Answer 1

：にhttp://jsfiddle.net/JohnMunsch/nxPn3/

約10倍:)

.alwaysを（）と同じ繰延オブジェクトを返していました（または約束）最初.whenに完成していました（）すべての他の.always（）関数そこで彼らは急速な火災の連続で出かけた。それはおおよそこのように見えました。

Step 1: log. 
Step 2: kick off ajax call, log, kick off ajax call, log, kick off ajax call, log, etc. etc. 

「アヤックスコール」の各機能にタイマーを入れてからしばらく待つまで、実際には見えませんでした。それでは、私は前のステップの.done（）関数の各次のステップを入れ子にすることなく、どうやってこの問題を解決しましたか？

私の解決策は最も優雅ではないかもしれませんが、効果があります。 Deferredオブジェクトの完全なセットを作成し、前のステップが解決済みまたは拒否とマークされるまで、各連続ステップが開始されないようにします。あなたがjsFiddle、完璧な行中に沿った各関数呼び出しのデモ行進を実行すると

console.log('Paying Charges due before transaction'); 
var step1 = applyCredit("parseFloat($(this.currentChargesTarget).html())"); 
var step2 = new $.Deferred(); 
var step3 = new $.Deferred(); 

$.when(step1).done(function(){ 
    console.log('Applying renewals'); 
    $.when(applyRenewals()).done(function() { 
     step2.resolve(); 
    }); 
}).fail(function() { step2.reject() }); 

$.when(step2).done(function(){ 
    console.log('Paying renewal charges'); 
    $.when(applyCredit("some subcalc")).done(function() { 
     step3.resolve(); 
    }); 
}).fail(function() { step3.reject() }); 

：ここ

はそれからの抜粋です。 2番目は最初の作業が終了するまで開始されず、3番目の作業は2番目の作業が完了するまで開始できません。

Answer 2

OK、最初に尋ねたことを最初に尋ねたところ、回答。それをしないでください。

クライアントを使用してサーバー上で8段階の財務プロセスを順序付けしないでください。ヘックは、サーバー上で2つのステップの財務プロセスを順序付けるためにそれを使用しないでください。サーバーがダウンしたり、ユーザーがラップトップを閉じたり、インターネット接続を失ったりするとどうなりますか？あなたはたぶんステップ1〜3が完了した、または1〜5がユニットとして実行されたシーケンスから終わったことになります。

を作成してください。ONE AJAXがサーバーに電話し、8つの手順すべてを実行するために必要な情報を入力します。可能であれば、サーバーでサポートされているトランザクションを使用するか、データベーストランザクションを使用してすべての操作が一緒に成功するか、すべて失敗した場合はすべてが元の状態にロールバックされます。その後、必要に応じて、または必要に応じて各ステップの詳細を含めて、クライアントに返された結果を報告することができます。