En otra pregunta de StackOverflow en Español se hace referencia a llamadas AJAX anidadas y la respuesta sugiere usar promises
en lugar de anidar llamadas AJAX. Y a partir de ahí me han surgido algunas dudas.
Nota: voy a usar notación de jQuery eliminando bastantes parámetros y renombrando las funciones para que sea más fácil de leer. No significa que esta pregunta sea sobre jQuery o AJAX en jQuery.
Básicamente lo que hace la pregunta es esto:
Estructura A
$.ajax({
url: URL1,
success: function() {
a1();
$.ajax({
url: URL2,
success: function() {
a2();
},
error: function() {
b2();
}
});
},
error: function() {
b1();
}
});
Y lo que se sugiere en la respuesta es algo como esto:
Estructura B
var promise = $.ajax({
url: URL1,
success: function() {
a1();
},
error: function() {
b1();
}
});
promise.then(function() {
$.ajax({
url: URL2,
success: function() {
a2();
},
error: function() {
b2();
}
});
});
Y ahora mis dudas:
- ¿La estructura A y B son equivalentes? ¿Cuál es la diferencia entre ellas?
- ¿Hay alguna ventaja por utilizar una sobre la otra?
- ¿Es alguno de los métodos recomendado sobre el otro?