Chargement...

jQuery Ajax


Ajax c'est quoi

L'Ajax ('Asynchronous Javascript and XML) est une combinaison de plusieurs technologies qui permet de récupérer des données sans à avoir à recharger la page.

L'exemple le plus parlant est Google Map. Vous pouvez scroller le monde entier sans recharger la page. En fait à chaque action de scrolling, la page demande aux serveurs de Google de lui retourner les informations de cartographie sur les coordonnées vu par l'utilisateur, ainsi on utilise que les ressources nécessaires. Sans l'ajax, il aurait fallu recharger la page à chaque changement de coordonnées, ou alors précharger toutes les données de la Terre entière, mais évidemment ca ne serait pas possible.

Utiliser Ajax

JQuery simplifie l'utilisation d'Ajax.

Syntaxe ajax JQUERY:
<script>
$.ajax(<param>);
</script>
asyncPar defaut toutes les requetes sont asynchrones ( true par defaut )
beforeSendexecute une fonction avant l'envoi de la requete Ajax
cachePar défaut: true, false pour le dataType 'script' and 'jsonp'
completeExecute une fonction lorsque la requete est terminée
contentTypePar defaut: application/x-www-form-urlencoded; charset=UTF-8
dataLes données que vous souhaitez envoyer
dataType Par defaut: Intelligent Guess sinon (xml, json, script, or html)
errorExecute une fonction en cas d'erreur
passwordSi besoin d'un mot de passe pour l'authentification HTTP access
successExecute une fonction en cas de reussite de la requete ajax
typePar defaut: GET. Sinon POST
urlPar defaut: la page en cours.
passwordSi besoin d'un mot de passe
usernameSi besoin d'un utilisateur pour l'authentification HTTP access
Exemple:
<script>
$.ajax({
url : "script.php",
data : { "action" : "delete_page" },
complete: function(){
alert("Félicitation page supprimée!");
},
error: function(){
alert("Erreur!");
}
});
</script>

Récupérer le retour Ajax

Envoyer des données au server en ajax c'est une chose mais on peut récupérer son retour et le traiter en local via le navigateur.


Crée votre site web au meilleur prix💰


CSSW Apprendre à créer son site web