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 !