Ejecutar una función js solo después de completar completamente la solicitud ajax

Question

Quiero ejecutar una función js solo después de que la llamada jquery ajax se haya completado por completo (después de completar los eventos de éxito y error). es decir, después de la llamada ajax coloca los datos entrantes en un elemento.

Cómo lograr esto.

Answer 1

Debe utilizar $.ajaxComplete();

$(document).ajaxComplete(function() { 
    alert("compete"); 
}); 

esto se activaría después de cada Ajax llamada que hace en la página

de lo contrario se utilizan ajax() y establezca la propiedad completa

$.ajax({ 
    url: "myurl", 
    complete: function(){ 
       alert("complete"); 
      } 
    //set all the other options as usual 

Answer 2

Si desea hacer esto para una llamada en particular, entonces la función complete es probablemente lo que necesita. Si desea que esto sea global, para todas las llamadas ajax, entonces la respuesta de Nicola debería ser lo que necesita.

Aquí está el jQuery documentation para llamadas Ajax.

Answer 3

Puede utilizar la devolución de llamada a cualquiera de los métodos jQuery AJAX para retrasar la ejecución de otra función hasta que se complete la solicitud.

Ejemplo:

$.post('/some/url', somedata, function() { 
     // put the code you want to execute on completion here 
    }); 

Para los escenarios más complicados, utilice el método real ajax que le da ganchos para el éxito, la terminación, el error y otros eventos. Normalmente, solo necesitarías éxito y error.

$.ajax('/some/url', { 
     data: somedata, 
     type: 'post', 
     success: function(result) { 
      // success code execution here 
     }, 
     error: function(xhr,status,error) { 
      // error code here 
     }, 
     complete: function(xhr,status) { 
      // completion code here 
     } 
    });