OUJOOD.COM
Définition et Usage la méthode ajaxSetup ()
La méthode ajaxSetup() définit les valeurs par défaut pour les futures requêtes d'AJAX.
Syntaxe
$.ajaxSetup ( { name:value , name:value , ... })
Paramètres spécifie les paramètres pour les requêtes AJAX avec une ou
plusieurs paires nom/valeur.
Les noms et valeurs possibles dans le tableau ci-dessous :
| Nom | Valeur/Description |
|---|---|
| async | Une valeur booléenne qui indique si la demande devrait être gérée asynchrone ou non. Valeur par défaut est true |
| beforeSend ( xhr ) | Une fonction à exécuter avant d'envoyer la demande( la requête). Fonction appelée avant la requête. |
| cache | Une valeur Booléen indiquant si le navigateur doit mettre en cache les pages demandées. Valeur par défaut est true |
| complete( xhr,status ) | Une fonction à exécuter lorsque la demande est terminée , peu importe le succès ou non. |
| contentType | Le type de contenu utilisé lors de l'envoi de données vers le serveur. Valeur par défaut est: « application/ x-www-form-urlencoded » |
| context | Spécifie la valeur de « this » pour toutes les fonctions de rappel AJAX liées |
| data | Spécifie les données à envoyer au serveur . Données envoyées en GET . |
| dataFilter ( data , type ) | Fonction utilisée pour gérer les données de réponse brut du XMLHttpRequest |
| dataType |
Le type de données attendu de la réponse du serveur.
· xml : Retourne un document XML pouvant être réutilisé via jQuery . · html : Retourne un document HTML comme du text sans mise en formee où les scripts sont interprétrés . · script : Retourne une réponse JS comme du texte sans mise en forme. · json : Interpréte une réponse JSON et retourne un objet Javascript . |
| error( xhr,status,error ) | Une fonction à exécuter si la demande échoue (c'est-à-dire une Fonction appelée en cas d’erreur ) . |
| Global | Une valeur booléenne spécifiant ou non l'utilisation automatique des déclencheurs d’événements ( vqleur par défaut est true ). |
| ifModified | Autorise la réponse si et seulement si la réponse a changé depuis la dernière requête ( false par défaut). |
| jsonp | Une chaîne de substitution de la fonction de rappel dans une requête jsonp |
| jsonpCallback | Spécifie un nom pour la fonction de rappel dans une requête jsonp |
| password | Spécifie un mot de passe à utiliser dans une requête HTTP d'authentification des accès. |
| processData | Une valeur booléenne spécifiant si les données envoyées avec la demande devrait être transformée en une chaîne de requête. Valeur par défaut est true Option à passer en false si vous souhaitez envoyer des DOMDocuments |
| scriptCharset | Spécifie le jeu de caractères de la demande |
| success( result,status,xhr ) | Une fonction à exécuter lorsque la demande réussit |
| timeout |
Redéfini le temps de réponse maximum.
Le délai d'attente locale (en millisecondes) pour la requête |
| traditional | Une valeur booléenne spécifiant ou non d'utiliser le style traditionnel de la sérialisation de param |
| type | Le type de requête POST ou GET ( GET par défaut). |
| url | Spécifie l' URL pour envoyer la demande. Valeur par défaut est la page en cours |
| username | Spécifie un nom d'utilisateur à utiliser dans une requête HTTP d'authentification des accès |
| xhr | Fonction utilisée pour la création de l'objet XMLHttpRequest |
Exemple :
Dans cet exemple on paramètre l'url des requêtes AJAX par défaut,
on désactive le gestionnaires des évènements globaux et on utilise la méthode
d'envoi POST au lieu de GET . Les requêtes AJAX seront paramétrées
avec ces options.
Exemple : 📝 Copier le code
$.ajaxSetup( {
url: "/xmlhttp/",
global: false,
type: "POST"
} );
$.ajax({ data: myData });
Cet exemple utilise la méthode ajaxSetup() pour appeler des données depuis un fichier différent.
Code
<div id="div_content">
<h1 style="color:green">www.oujood.com</h1>
<h2>jQuery la méthode ajaxSetup()</h2>
<h3>Laiser ajax faire le travail</h3>
<h3 class="h3"></h3>
<button>Click</button>
<!-- Script to use ajaxSetup() method -->
<script>
$(document).ready(function() {
$("button").click(function() {
$.ajaxSetup({url: "test1.txt",
success: function(result) {
$("h3.h3").html(result).css({"color":"red"});
}});
$.ajax();
});
});
</script>
</body>
</html>