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