Table des matières
Alors que vous avancez sur le chemin de la domination Ajax L'un des points que nous trouvons est de créer le gestionnaire d'événements, ces événements sont déclenchés lorsque nous faisons une requête Ajax et il renvoie une réponse.Il est essentiel de très bien connaître les événements car la façon dont nous implémentons nos propres fonctions en dépend, connaissant ainsi la cause d'une réponse, nous pouvons créer nos fonctions.
Événements Ajax
Comme nous l'avons décrit précédemment, l'une des étapes clés est de connaître les événements qui peuvent se produire lorsqu'il y a une demande AjaxEnsuite, voyons ce qu'ils sont et quand ils se produisent.
avorter: Cet événement est déclenché lorsque la requête est abandonnée. C'est du genre Évènement de Progrès, c'est-à-dire pendant la progression de l'exécution de la demande.
Erreur: Cet événement est déclenché lorsque la requête échoue, il est également du type Évènement de Progrès.
charge: Lorsqu'une requête est complétée avec succès, elle est du type Évènement de Progrès.
charge : Il est déclenché lorsque la requête est terminée, cela peut être lorsqu'il se termine avec succès ou avec une erreur, il est du type Évènement de Progrès.
démarrage du chargement : Il est déclenché lors du démarrage d'une requête.
le progrès: Il se déclenche pour indiquer l'avancement lors de la requête, il est du type Évènement de Progrès.
readystatechange : C'est un événement qui se déclenche dans les différentes stations au cours du cycle de vie de la requête.
temps libre: Il est déclenché à l'expiration du temps d'exécution de la requête : il est du type Évènement de Progrès.
La plupart de ces événements sont déclenchés à un moment particulier de la demande. Ajax, l'exception à cette règle sont les événements readystatechange Oui le progrès, qui peut être déclenché à tout moment dans le cycle de vie de la demande pour obtenir le statut de la demande.
Comme cela semble un peu complexe à première vue, nous allons faire un petit exemple de code, qui va nous montrer ce qui se passe à chacune des étapes du cycle de vie d'une requête, avec cela nous pouvons voir ce qui se passe :
ExemplePommes Cerises Bananes
Avec ce code ce que nous faisons simplement c'est qu'à chaque étape de la requête nous demandons les informations associées à l'événement avec l'objet Afficher les détails de l'événementDe cette façon, nous capturons de manière asynchrone chaque étape de la demande.
Une fois que nous avons enregistré chaque étape de l'événement, nous souhaitons pouvoir les analyser, nous les imprimons donc dans un tableau. HTML pour qu'à la fin nous puissions remarquer tout ce qui s'est passé lors d'une requête Ajax, dans notre navigateur, nous devrions voir quelque chose de similaire à ceci :
AGRANDIR
Avec cela, nous terminons le tutoriel et nous pouvons maintenant analyser ce qui se passe lorsque nous utilisons cette technologie pour effectuer des charges asynchrones dans nos documents ou pages HTML.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif
