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 !


A propos de l'auteur

PrimFX
PrimFX

Salut tout le monde ! Je m'appelle Boris, j'ai 18 ans et je suis passionné d'informatique et de technologie. Je partage cette passion à travers mes vidéos que tu peux retrouver sur YouTube sous le nom de PrimFX ou bien sur ce site bien sûr (tutoriels de programmation (HTML, CSS, PHP), gameplays, vlogs high-tech...). @+

A voir aussi

Aucun Commentaire

POSTER UN COMMENTAIRE

Vous devez être connecté pour pouvoir poster un commentaire...

Pas encore de compte ? Créez-en un ici !