jQuery - Método ajaxComplete (devolución de llamada)

Descripción

los ajaxComplete( callback )El método adjunta una función que se ejecutará cada vez que se complete una solicitud AJAX. Este es un evento Ajax.

Sintaxis

Aquí está la sintaxis simple para usar este método:

$(document).ajaxComplete( )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

callback- La función a ejecutar. XMLHttpRequest y la configuración utilizada para esa solicitud se pasan como argumentos a esta función.

Ejemplo

Suponiendo que tenemos el siguiente contenido HTML en el archivo result.html:

<h1>THIS IS RESULT...</h1>

A continuación se muestra un ejemplo sencillo que muestra el uso de este método.

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
			
            $("#driver").click(function(event){
               $('#stage1').load('result.html');
            });

            $(document).ajaxComplete(function(event, request, settings){
               $("#stage2").html("<h1>Request Complete.</h1>");
            });
				
         });
      </script>
   </head>

   <body>
      <p>Click on the button to load result.html file:</p>
		
      <div id = "stage1" style = "background-color:blue;">
         STAGE - 1
      </div>
		
      <div id = "stage2" style = "background-color:blue;">
         STAGE - 2
      </div>
		
      <input type = "button" id = "driver" value = "Load Data" />
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-ajax.htm

↰ Previous page