jQuery objeto diferido con llamadas ajax anidadas

Question

Tengo una situación en la que mis llamadas ajax deben realizarse en un orden particular. He usado objetos jQuery diferidos en otras situaciones, pero parece que no puedo encontrar una manera de hacer que esto se comporte de manera adecuada.

Tengo una función que realiza un número de solicitudes ajax en su vida. Algunas de las solicitudes se realizarán durante la devolución exitosa de otras solicitudes.

Mi pregunta es: ¿Hay alguna manera de devolver todos los objetos aplazados anidados a la llamada original $.when?

Un ejemplo simplificado sería:

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

Estoy tratando de tener la función nestedAjax utilizar $.when() y $.done() así:

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

Con la lectura de salida de la consola:

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

I puede devolver el primer get para lograrlo:

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

Pero obviamente esto no es lo que requiero. Cualquier ayuda sería apreciada.

Answer 1

En realidad es bastante simple. Aunque todas las llamadas AJAX son objetos Diferidos, aún utilizo uno para el método en sí.

function nestedAjax() { 
    var dfd = $.Deferred(); 
    $.get("/echo/json/", function(){ 
     console.log("First ajax done."); 
     $.get("/echo/json/", function(){ 
      console.log("Second ajax done."); 
      dfd.resolve(); 
     }); 
    }); 

    return dfd.promise(); 
}; 

Answer 2

No se pudo agregar un comentario por alguna razón a la respuesta anterior.

Así que añado mi comentario aquí. La respuesta anterior solo funcionará si las llamadas ajax son rápidas y regresa ANTES del retorno dfd.promise().

Tengo el mismo problema. Y como puedes ver El objeto diferido devuelto indica que está "pendiente": http://jsfiddle.net/BtEKa/

Answer 3

No necesita realmente un objeto diferido adicional. Puede hacer lo que quiera encadenando con 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; 
      }); 
     } 
    }); 
}; 

he añadido algo de lógica ya que creo que es probablemente la razón por la que se está ejecutando esta forma sincrónica. Después de que se puede utilizar el resultado en $.when así:

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