Exemple
Modifier le texte d'un <div> élément à l' aide d' un AJAX demande:
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
Essayez - le vous - même » Définition et utilisation
La ajax() méthode est utilisée pour effectuer une AJAX (asynchrone HTTP) demande.
Tous les jQuery AJAX méthodes utilisent le ajax() méthode. Cette méthode est surtout utilisée pour les demandes où les autres méthodes ne peuvent pas être utilisés.
Syntaxe
$.ajax({name:value, name:value, ... })Les paramètres spécifie une ou plusieurs paires nom / valeur pour la requête AJAX.
Les noms possibles / valeurs dans le tableau ci-dessous:
| prénom | Valeur / Description |
|---|---|
| async | Valeur booléenne indiquant si la demande doit être traitée asynchrone ou non. Par défaut est vrai |
| beforeSend( xhr ) | Une fonction à exécuter avant la demande est envoyée |
| cache | Valeur booléenne indiquant si le navigateur doit mettre en cache les pages demandées. Par défaut est vrai |
| complete( xhr,status ) | Une fonction à exécuter lorsque la requête est terminée (après les fonctions de réussite et d'erreur) |
| contentType | Le type de contenu utilisé pour envoyer des données au serveur. Par défaut est: "application/x-www-form-urlencoded" |
| context | Indique le "cette" valeur pour toutes les fonctions de rappel AJAX liés |
| data | Indique des données à envoyer au serveur |
| dataFilter( data , type ) | Une fonction permet de manipuler les données de réponse brute du XMLHttpRequest |
| dataType | Le type de données attendue de la réponse du serveur. |
| error( xhr,status,error ) | Une fonction à exécuter si la requête échoue. |
| global | Une valeur booléenne indiquant si oui ou non pour déclencher événement mondial AJAX poignées pour la demande. Par défaut est vrai |
| ifModified | Valeur booléenne indiquant si une demande ne peut réussir que si la réponse a changé depuis la dernière demande. Par défaut: false. |
| jsonp | Une chaîne redéfinissant la fonction de rappel dans un jsonp demande |
| jsonpCallback | Indique un nom pour la fonction de rappel dans un jsonp demande |
| password | Indique un mot de passe pour être utilisé dans une demande d'authentification d'accès HTTP. |
| processData | Une valeur booléenne indiquant si oui ou non les données envoyées à la demande devrait être transformé en une chaîne de requête. Par défaut est vrai |
| scriptCharset | Spécifie le charset pour la demande |
| success( result,status,xhr ) | Une fonction à exécuter lorsque la demande réussit |
| timeout | Le délai d'attente local (en millisecondes) pour la demande |
| traditional | Une valeur booléenne indiquant si oui ou non d'utiliser le style traditionnel de param sérialisation |
| type | Indique le type de demande. (GET ou POST) |
| url | Indique l'URL pour envoyer la demande à. Par défaut est la page en cours |
| username | Indique un nom d'utilisateur à utiliser dans une demande d'authentification d'accès HTTP |
| xhr | Une fonction utilisée pour la création du XMLHttpRequest objet |
Essayez-le vous-même - Exemples
Faire une synchrone AJAX demande
Comment utiliser le paramètre async pour spécifier une requête synchrone
Faire une AJAX demande avec un type de données spécifié
Comment utiliser le dataType paramètre pour spécifier le type de données pour la demande.
Faire une AJAX demande avec une erreur
Comment utiliser le paramètre d'erreur pour faire face à des erreurs dans une AJAX demande.