jQuery 지연 연쇄 문제

Question

좋아, 나는 분명히 분명한 뭔가를 놓치고있다. 비슷한 예제를 찾으려고했지만, 내가하고 싶은 것을 꽤 찾지 못한다. 특정 순서로 실행하려면 일련의 아약스 호출이 필요합니다. 나는 거래를 완료하려면 다음 코드를 사용하고 있습니다 :

지금은 시도되는 .done, 그 때는, 그냥 .anything에 대해()하지만 한

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 

의 핸들 함수에서을 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 오브젝트의 완전한 세트를 앞쪽으로 만들었고 이전 단계가 해결되거나 거부 될 때까지 각 연속 단계가 시작되는 것을 방지하기 위해이 오브젝트를 사용합니다.

여기에 그에서 발췌입니다 :

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() }); 

을 이제 jsFiddle, 완벽한 행에 따라 각 함수 호출 행진을 실행할 때. 첫 번째 작업이 완료 될 때까지 두 번째 작업이 시작되지 않고 두 번째 작업이 완료 될 때까지 세 번째 작업을 시작할 수 없습니다.

Answer 2

OK, 원래 요청한 작업을 수행하는 방법에 대한 첫 번째 대답을 알아 냈습니다. 대답. 하지 마.

클라이언트를 사용하여 서버에서 8 단계 재무 프로세스를 순서대로 지정하지 마십시오. 젠장, 서버에서 2 단계 재무 프로세스를 시퀀싱하는 데 사용하지 마십시오. 서버가 다운되거나 사용자가 노트북을 닫거나 인터넷 연결이 끊어지면 어떻게됩니까? 아마 1 ~ 3 단계 또는 1 ~ 5 단계를 단위로 실행해야하는 순서로 끝난 것입니다.

ONE AJAX를 서버에 호출하고 8 단계를 수행하는 데 필요한 정보를 제공하십시오. 서버에서 가능한 경우 서버에서 지원하는 트랜잭션을 사용하거나 데이터베이스 트랜잭션을 사용하여 모든 작업이 함께 성공하거나 모두 실패하고 모든 오류가 발생하면 모든 것이 원래 상태로 롤백됩니다. 그런 다음 각 단계에 대한 세부 정보를 포함하여 필요하거나 원할 경우 고객에게 결과를 포함하여 발생한 결과를보고 할 수 있습니다.