Spécifie si un élément est déplaçable ou non
La méthode ajaxSetup() sert à définir les valeurs par défaut pour les futures demandes d'Ajax
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 });
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>