Académique Documents
Professionnel Documents
Culture Documents
AJAX
jQuery ajax () Méthode
Exemple
• Modifier le texte d'un élément <div> en utilisant une requête AJAX:
• $("button").click(function(){
$.ajax({url: "demo_test.txt", type : " GET " ,success: function(result){
$("#div1").html(result);
}});
});
• Définition et utilisation
• La méthode ajax () est utilisée pour effectuer une demande AJAX (asynchrone HTTP).
• Toutes les méthodes jQuery AJAX utilisent la méthode ajax (). 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.
jQuery - AJAX Présentation
AJAX est l'art de l'échange de données avec un serveur, et la mise à jour des parties d'une page Web
sans recharger la page entière.
jQuery et AJAX ?
L'exemple suivant affiche une alerte losque la méthode load () est terminée. Si la
méthode load () a réussi, il affiche "contenu externe chargé avec succès!", Et si elle
échoue, il affiche un message d'erreur:
Exemple
• $("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
jQuery - AJAX get() and post() Methods
• La methode jQuery get () et post () sont utilisées pour demander des données à partir du serveur avec une
requête HTTP GET ou POST,
• Syntaxe: $.post(URL,data,callback);