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

Descripción

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

Sintaxis

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

$(document).ajaxSuccess( callback )

Parámetros

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

callback- La función a ejecutar. El objeto de evento, XMLHttpRequest y la configuración utilizada para esa solicitud se pasan como argumentos a la devolución de llamada.

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 simple 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() {
			
            /* Global variable */
            var count = 0;

            $("#driver").click(function(event){
               $('#stage0').load('result.html');
            });
				
            /* Gets called when request starts */
            $(document).ajaxStart(function(){
               count++;
               $("#stage1").html("<h1>Starts, Count :" + count + "</h1>");
            });
				
            /* Gets called when request is sent */
            $(document).ajaxSend(function(evt, req, set){
               count++;
               $("#stage2").html("<h1>Sends, Count :" + count + "</h1>");
               $("#stage2").append("<h1>URL :" + set.url  + "</h1>");
            });
				
            /* Gets called when request completes */
            $(document).ajaxComplete(function(event,request,settings){
               count++;
               $("#stage3").html("<h1>Completes,Count:" + count + "</h1>");
            });
				
            /* Gets called when request is stopped */
            $(document).ajaxStop(function(event,request,settings){
               count++;
               $("#stage4").html("<h1>Stops, Count :" + count + "</h1>");
            });
				
            /* Gets called when all request completes successfully */
            $(document).ajaxSuccess(function(event,request,settings){
               count++;
               $("#stage5").html("<h1>Success,Count :" + count + "</h1>");
            });
				
         });
      </script>
   </head>
	
   <body>
      <p>Click on the button to load result.html file:</p>
		
      <div id = "stage0" style = "background-color:blue;">
         STAGE - 0
      </div>
		
      <div id = "stage1" style = "background-color:blue;">
         STAGE - 1
      </div>
		
      <div id = "stage2" style = "background-color:blue;">
         STAGE - 2
      </div>
		
      <div id = "stage3" style = "background-color:blue;">
         STAGE - 3
      </div>
		
      <div id = "stage4" style = "background-color:blue;">
         STAGE - 4
      </div>
		
      <div id = "stage5" style = "background-color:blue;">
         STAGE - 5
      </div>
		
      <input type = "button" id = "driver" value="Load Data" />
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-ajax.htm

↰ Previous page