Fonctions jQuery AJAX
jQuery dispose d'une riche bibliothèque de fonctions (méthodes) pour le développement AJAX.
Exemple jQuery AJAX
Cliquez sur le bouton suivant pour changer ce texte via AJAX
L'exemple ci-dessus est extrait de nos Tutoriel AJAXmais il a été modifié en utilisant jQuery.
Qu'est-ce que AJAX ?
AJAX = Asynchronous JavaScript and XML.
AJAX est une technologie pour créer des pages web rapides et dynamiques.
AJAX permet aux pages web de se mettre à jour de manière asynchrone en échangeant un petit volume de données en arrière-plan avec le serveur. Cela signifie que l'on peut mettre à jour une partie de la page web sans recharger l'ensemble de la page.
Vous pouvez consulter nos Tutoriel AJAX apprendre davantage sur AJAX.
AJAX et jQuery
jQuery propose une riche bibliothèque de fonctions (méthodes) pour le développement AJAX.
Grâce à jQuery AJAX, vous pouvez utiliser HTTP Get et HTTP Post pour demander TXT, HTML, XML ou JSON à un serveur distant.
Et vous pouvez directement charger les données distantes dans l'élément HTML sélectionné de la page web !
Moins de code, plus de résultats
La fonction load de jQuery est une fonction AJAX simple (mais puissante). Sa syntaxe est la suivante :
$(selector).load(url,data,callback)
Utilisez selector Pour définir l'élément HTML à modifier, utilisez url ParamètresPour spécifier l'adresse web des données.
Utilisez-les uniquement lorsque vous souhaitez envoyer des données au serveur. data Utilisez-les uniquement lorsque vous devez déclencher une fonction après l'exécution. callback Paramètres.
AJAX de bas niveau
$.ajax(options) C'est la syntaxe des fonctions AJAX de bas niveau.
$.ajax offre plus de fonctionnalités que les fonctions de niveau supérieur, mais est également plus difficile à utiliser.
Option Les paramètres sont des paires name|value, définissant l'URL des données, le mot de passe, le type de données, les filtres, le jeu de caractères, le délai d'attente et la fonction d'erreur.
Requête AJAX jQuery
| Requête | Description |
|---|---|
| $(selector).load(url,data,callback) | Charger les données distantes dans l'élément sélectionné |
| $.ajax(options) | Charger les données distantes dans l'objet XMLHttpRequest |
| $.get(url,data,callback,type) | Charger des données distantes en utilisant HTTP GET |
| $.post(url,data,callback,type) | Charger des données distantes en utilisant HTTP POST |
| $.getJSON(url,data,callback) | Charger des données JSON distantes en utilisant HTTP GET |
| $.getScript(url,callback) | Charger et exécuter un fichier JavaScript distant |
(url) l'URL (adresse) des données chargées
(data) l'objet clé/valeur des données envoyées au serveur
(callback) la fonction exécutée lorsque les données sont chargées
(type) le type de données retournées (html, xml, json, jasonp, script, text)
(options) toutes les options de clé/valeur pour une requête AJAX complète
Manuel de référence
Pour plus d'informations sur les fonctions jQuery AJAX, veuillez visiter notre Manuel de référence jQuery AJAX.
