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

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…

Table des matières