El método ajaxSetup() en jQuery se usa para establecer los valores predeterminados para futuras requests de AJAX.
Sintaxis:
$.ajaxSetup( {name:value, name:value, ... } )
Parámetros:
- tipo: Se utiliza para especificar el tipo de solicitud.
- url: Se utiliza para especificar la URL a la que enviar la solicitud.
- nombre de usuario: se utiliza para especificar un nombre de usuario que se utilizará en una solicitud de autenticación de acceso HTTP.
- xhr: Se utiliza para crear el objeto XMLHttpRequest.
- asíncrono: su valor predeterminado es verdadero. Indica si la solicitud debe manejarse de forma asíncrona o no.
- beforeSend(xhr): Es una función que debe ejecutarse antes de que se envíe la solicitud.
- dataType: el tipo de datos esperado de la respuesta del servidor.
- error(xhr, status, error): Se utiliza para ejecutarse si la solicitud falla.
- global: su valor predeterminado es verdadero. Se utiliza para especificar si se activan o no los identificadores de eventos AJAX globales para la solicitud.
- ifModified: Su valor por defecto es falso. Se utiliza para especificar si una solicitud solo tiene éxito si la respuesta ha cambiado desde la última solicitud.
- jsonp: una string que anula la función de devolución de llamada en una solicitud jsonp.
- jsonpCallback: se utiliza para especificar un nombre para la función de devolución de llamada en una solicitud jsonp.
- caché: su valor predeterminado es verdadero. Indica si el navegador debe almacenar en caché las páginas solicitadas.
- complete(xhr, status): Es una función que se ejecutará cuando finalice la solicitud.
- contentType: su valor predeterminado es: «application/x-www-form-urlencoded» y se usa cuando se envían datos al servidor.
- contexto: se utiliza para especificar el valor «este» para todas las funciones de devolución de llamada relacionadas con AJAX.
- data: Se utiliza para especificar los datos que se enviarán al servidor.
- dataFilter (datos, tipo): se utiliza para manejar los datos de respuesta sin procesar de XMLHttpRequest.
- contraseña: se utiliza para especificar una contraseña que se utilizará en una solicitud de autenticación de acceso HTTP.
- processData: su valor predeterminado es verdadero. Se utiliza para especificar si los datos enviados con la solicitud deben transformarse o no en una string de consulta.
- scriptCharset: se utiliza para especificar el juego de caracteres para la solicitud.
- éxito (resultado, estado, xhr): se ejecutará cuando la solicitud tenga éxito.
- timeout: Es el tiempo de espera local para la solicitud. Se mide en términos de milisegundos.
- tradicional: Se utiliza para especificar si se utiliza o no el estilo tradicional de serialización de parámetros.
Ejemplo 1: este ejemplo usa el método ajaxSetup() para llamar datos de otro archivo.
geeks1_data.txt: este archivo de texto se llama dentro del archivo HTML.
Bienvenido a GeeksforGeeks
gfg.html
<!DOCTYPE html>
<html>
<head>
<title>jQuery ajaxSetup() Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li:parent").css("background-color", "green");
});
</script>
</head>
<body style="text-align:center;">
<h1 id="geeks1" style="color:green">GeeksForGeeks</h1>
<h2 id="geeks2">jQuery ajaxSetup() Method</h2>
<h3></h3>
<button>Click</button>
<!-- Script to use ajaxSetup() method -->
<script>
$(document).ready(function() {
$("button").click(function() {
$.ajaxSetup({url: "geeks1_data.txt",
success: function(result) {
$("h3").html(result);
}});
$.ajax();
});
});
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo ilustra el método ajaxSetup().
<!DOCTYPE html>
<html>
<head>
<title>jQuery ajaxSetup() Method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li:parent").css("background-color", "green");
});
</script>
</head>
<body style="text-align:center;">
<h1 id="geeks1" style="color:green">GeeksForGeeks</h1>
<h2 id="geeks2">jQuery ajaxSetup() Method</h2>
<button>Click</button>
<!-- Script to use jQuery ajaxSetup() Method -->
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajaxSetup({url:"geek2_dat.txt", error:function(xhr) {
alert("Error: " + xhr.status + " " + xhr.statusText);
}});
$.ajax();
});
});
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA