Índice

Los eventos asociados a la consulta

1. ajaxSend()

ajaxSend(función)

Asigna una función que se ejecuta antes del envío de la consulta AJAX.

$(document).ajaxSend(function(){ 
    $(this).show(); 
});

Este método devuelve un objeto jQuery.

Desde la versión 1.8 de jQuery, los eventos asociados a la consulta como ajaxSend(), ajaxStart(), ajaxStop(), ajaxSuccess(), ajaxComplete() y ajaxError() solo se pueden vincular con document.

Ejemplo

Mostrar un mensaje antes de que empiece la consulta.

Aspecto inicial:

images/10_5_1_v41.png

Aspecto obtenido después de hacer clic en el enlace:

images/10_5_1_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("#mensaje").hide(); 
        $("#resultado").hide(); 
        $(document).ajaxSend(function() { 
            $("#mensaje").append("¡Mensaje antes de que arranque AJAX!").show(); 
        }); 
        $("a").click(function() { 
            $("#resultado").load("a.html"); 
        }); 
    }); 
</script> 
<style>  ...