jQuery - Método jQuery.ajax (opciones)
Descripción
los jQuery.ajaxSetup( options ) El método establece la configuración global para futuras solicitudes AJAX.
Sintaxis
Aquí está la sintaxis simple para usar este método:
$.ajaxSetup( options )
Parámetros
Aquí está la descripción de todos los parámetros utilizados por este método:
options- Un conjunto de pares clave / valor que configuran la solicitud Ajax. Todas las opciones son opcionales.
No Señor. | Opción y descripción |
---|---|
1 | async Un booleano que indica si se debe realizar la solicitud de forma asincrónica. El valor por defecto es verdadero. |
2 | beforeSend Una función de devolución de llamada que se ejecuta antes de que se envíe la solicitud. |
3 | complete Una función de devolución de llamada que se ejecuta cada vez que finaliza la solicitud. |
4 | contentType Una cadena que contiene un tipo de contenido MIME para configurar para la solicitud. El valor predeterminado es application / x-www-form-urlencoded. |
5 | data Un mapa o cadena que se envía al servidor con la solicitud. |
6 | dataFilter Una función que se utilizará para manejar los datos sin procesar respondidos de XMLHttpRequest. Esta es una función de filtrado previo para desinfectar la respuesta. |
7 | dataType Una cadena que define el tipo de datos que se espera recibir del servidor (xml, html, json o script). |
8 | error Una función de devolución de llamada que se ejecuta si falla la solicitud. |
9 | global Un booleano que indica si esta solicitud activará controladores de eventos AJAX globales. El valor por defecto es verdadero. |
10 | ifModified Un booleano que indica si el servidor debe verificar si la página está modificada antes de responder a la solicitud. |
11 | jsonp Anula el nombre de la función de devolución de llamada en una solicitud jsonp. |
12 | password Una contraseña que se utilizará en respuesta a una solicitud de autenticación de acceso HTTP. |
13 | processData Un booleano que indica si se deben convertir los datos enviados desde un formulario de objeto a un formulario de cadena de consulta. El valor por defecto es verdadero. |
14 | success Una función de devolución de llamada que se ejecuta si la solicitud tiene éxito. |
15 | timeout Número de milisegundos después de los cuales la solicitud expirará en caso de error. |
dieciséis | timeout Establezca un tiempo de espera local (en milisegundos) para la solicitud. |
17 | type Una cadena que define el método HTTP que se utilizará para la solicitud (GET o POST). El valor predeterminado es GET. |
18 | url Una cadena que contiene la URL a la que se envía la solicitud. |
19 | username Un nombre de usuario que se utilizará en respuesta a una solicitud de autenticación de acceso HTTP. |
20 | xhr Devolución de llamada para crear el objeto XMLHttpRequest. El valor predeterminado es ActiveXObject cuando está disponible (IE), XMLHttpRequest en caso contrario. |
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. Aquí hacemos uso del controlador de éxito para completar el HTML devuelto:
<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){
// Do global setting.
$.ajaxSetup({
url: "result.html"
});
$.ajax( {
success:function(data) {
$('#stage').html(data);
}
});
});
});
</script>
</head>
<body>
<p>Click on the button to load result.html file:</p>
<div id = "stage" style = "background-color:#cc0;">
STAGE
</div>
<input type = "button" id = "driver" value = "Load Data" />
</body>
</html>
Esto producirá el siguiente resultado: