Dans le cours : JavaScript : AJAX et la programmation asynchrone
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Créer une requête AJAX avec XMLHttpRequest - Tutoriel JavaScript
Dans le cours : JavaScript : AJAX et la programmation asynchrone
Créer une requête AJAX avec XMLHttpRequest
Dans le fichier weather_start.js, nous allons porter notre attention vers la fonction handleClick qui commence ici en ligne 14 de ce code. C'est cette fonction qui est exécutée lorsque l'utilisateur clique sur le bouton Envoyer du formulaire. Que fait-on dans cette fonction ? Eh bien, on va rechercher le nom de la ville qui a été saisie dans le champ de formulaire et on stocke cette information dans la variable city. Ensuite, je désactive le champ City du formuaire, ainsi que le bouton Envoyer. Et puis, j'envoie à l'écran l'image spinner.gif, c'est l'image qui tourne en boucle pendant que l'on attend la réponse du serveur. Une fois que tout cela est fait, il est temps maintenant de créer un nouvel objet XMLHttpRequest pour envoyer notre requête AJAX vers le serveur. Alors pour ça, remarquez ici qu'en ligne 9, j'ai déclaré une variable que j'ai appelée « xhr » et donc maintenant, dans ma fonction handleClick, je vais dire que cette variable est égale à un new XMLHttpRequest comme…
Entraînez-vous tout en suivant la formation avec les fichiers d’exercice.
Téléchargez les fichiers utilisés par l’instructeur pour enseigner le cours. Suivez attentivement et apprenez en regardant, en écoutant et en vous entraînant.
Table des matières
-
-
-
(Verrouillé)
Découvrir le travail à réaliser3 m 42 s
-
(Verrouillé)
Créer une requête AJAX avec XMLHttpRequest4 m 36 s
-
(Verrouillé)
Comprendre la propriété readyState3 m 25 s
-
Travailler avec les statuts HTTP2 m 51 s
-
(Verrouillé)
Inspecter les données renvoyées par l'API3 m 15 s
-
(Verrouillé)
Gérer un retour de données réussi3 m 24 s
-
(Verrouillé)
Gérer les erreurs de requêtes AJAX3 m 7 s
-
(Verrouillé)
-
-
-
-
-