jQuery Espere hasta que las llamadas async ajax hayan finalizado

Question

Hola Tengo 2 llamadas ajax en mi secuencia de comandos, las necesito ejecutar asnyc para tener tiempo libre, pero necesito que la segunda espere hasta que termine la primera.

$.ajax({ 
     type: "POST", 
     url: "getText.asmx/ws_getText", 
     data: parO1, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert(msg.d.data); 
     } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
    }); 
    if (parO2.length > 0) { 
     $.ajax({ 
      type: "POST", 
      url: "getText.asmx/ws_getText", 
      data: parO2, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       /*WAIT UNTIL THE FIRST CALL IS FINISHED AND THAN DO SOMETHING*/ 
      } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
     }); 

¿Alguna idea? Gracias

Answer 1

Si usa jQuery 1.5+, puede usar jQuery.when() para lograr esto. Algo así como (abreviado las llamadas ajax Por razones de brevedad, sólo tiene que pasar los objetos a medida que estás haciendo anteriormente)

$.when($.ajax("getText.asmx/ws_getText"), 
     $.ajax("getText.asmx/ws_getText")).done(function(a1, a2){ 

    // a1 and a2 are arguments resolved for the 
    // first and second ajax requests, respectively 
    var jqXHR = a1[2]; // arguments are [ "success", statusText, jqXHR ] 
}); 

Usted no sabe en qué orden van a regresar por lo que si rodaban esto a mano, que se necesita verificar el estado de la otra solicitud y esperar hasta que haya regresado.

Answer 2

Necesita cablear la segunda llamada que se incluirá en la devolución de llamada de su primera llamada ajax. De este modo:

success: function(msg) 
{ 
    alert(msg.d.data); 

    if(par02.length > 0) 
    { 
     // Your 2nd ajax call 
    } 
}, 

Desde JavaScript DOESNT ejecutan en múltiples hilos en el cliente, no se puede bloquear el hilo hasta que se cumplan ciertas condiciones.

Answer 3

Aquí hay otra respuesta sobre la ejecución de solicitudes dobles de ajax. Al igual que Tejs, el usuario realiza una llamada AJAX dentro del método de éxito ...

El cartel afirma Es mejor que tener el método de éxito lanzar una nueva petición ajax .."

Having two $.ajax() calls in one script

Answer 4

Uso jQuery

$.ajax({ 
     type: "POST", 
     async:false, // ** CHANGED ** 
     url: "getText.asmx/ws_getText", 
     data: parO1, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert(msg.d.data); 
     } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
    });