jQuery odroczony obiekt z zagnieżdżonymi wywołaniami ajax

Question

Mam sytuację, w której moje wywołania ajax muszą działać w określonej kolejności. Używałem obiektów odroczonych jQuery w innych sytuacjach, ale nie mogę znaleźć sposobu, aby to odpowiednio się zachowywało.

Mam funkcję, która wykonuje wiele żądań ajax w swoim życiu. Niektóre żądania będą wykonywane podczas oddzwaniania powodzenia innych żądań.

Moje pytanie: Czy istnieje sposób, aby zwrócić wszystkie zagnieżdżone odroczone obiekty do oryginalnego połączenia $.when?

Uproszczony Przykładem może być:

function nestedAjax() { 
    $.get("/", function(){ 
     console.log("First ajax done."); 
     $.get("/", function(){ 
      console.log("Second ajax done."); 
     }); 
    }); 
}; 

staram się mieć funkcję nestedAjax do korzystania $.when() i $.done() tak:

$.when(nestedAjax()).done(function(){ 
    console.log("Complete"); 
});​ 

z odczytem wyjścia konsoli:

> First ajax done. 
> Second ajax done. 
> Complete. 

I może wrócić pierwszy get do osiągnięcia tego celu:

> First ajax done. 
> Complete. 
> Second ajax done. 

Ale oczywiście nie jest to, czego potrzebują. Każda pomoc będzie doceniona.

Answer 1

To całkiem proste. Chociaż wszystkie wywołania AJAX są obiektami odroczonymi, nadal używam jednego dla samej metody.

Answer 2

Nie można dodać komentarza z jakiejś przyczyny do powyższej odpowiedzi.

Dodam tutaj mój komentarz. Powyższa odpowiedź zadziała tylko wtedy, gdy wywołania ajax są szybkie i zwrócą PRZED zwrotem dfd.promise().

Mam ten sam problem. I jak widać. Zwrócony odroczony obiekt stwierdza, że ​​jest "oczekujący": http://jsfiddle.net/BtEKa/

Answer 3

Nie potrzebujesz w rzeczywistości dodatkowego obiektu odroczonego. Możesz robić co chcesz przez łańcuchowym z then():

function nestedAjax() { 
    return $.get("/echo/json/").then(function(result1){ 
     console.log("First ajax done."); 
     if (result1) { 
      return result1; 
     } else { 
      return $.get("/echo/json/").then(function(nestedResult){ 
       console.log("Second ajax done."); 
       return nestedResult; 
      }); 
     } 
    }); 
}; 

dodałam trochę logiki, ponieważ myślę, że to prawdopodobnie powód, dla którego realizujemy to synchronicznie. Po tym można użyć wynik w $.when tak:

$.when(nestedAjax(), $.get("/something/else")).then(function(nested, other) { 
    console.log("Complete.", nested, other); 
});