Tuto JS - #14 L'Objet XMLHttpRequest (Ajax)
Il est temps de passer aux choses sérieuses ! Je vous propose aujourd'hui de découvrir comment créer des requêtes asynchrones en JavaScript grâce à l'objet XMLHttpRequest. Vous avez peut-être déjà entendu parler de ces requêtes asynchrones sous le nom d'Ajax, acronyme de « Asynchronous JavaScript And XML » (rien avoir avec le produit de nettoyage 😛).
Les états possible du "readyState" :
- 0 : Requête non initialisée
- 1 : Connexion au serveur établie
- 2 : Requête reçue
- 3 : Requête en cours de traitement
- 4 : Requête terminée et réponse prête
Quelques statuts HTTP :
- 200 : Requête OK
- 403 : Accès interdit
- 404 : Page (ou fichier) introuvable
- 500 : Erreur interne du serveur
🔗 Une liste de toutes les réponse HTTP possibles est disponible sur w3schools.
Code vu dans ce tuto :
- index.html
Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici ! - js/app.js
Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici ! - async/texte.txt (texte brut)
Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici ! - async/donnees.txt (données JSON)
Veuillez vous connecter pour afficher le code.
Pas encore de compte ? Créez-en un ici !
Aucun Commentaire
POSTER UN COMMENTAIRE
Vous devez être connecté pour pouvoir poster un commentaire...
Pas encore de compte ? Créez-en un ici !