Inhoudsopgave
Naarmate je verder komt op het pad van domineren Ajax Een van de punten die we vinden, is om de gebeurtenis-handler te maken, deze gebeurtenissen worden geactiveerd wanneer we een Ajax-verzoek indienen en het geeft een reactie terug.Het is van cruciaal belang om de gebeurtenissen heel goed te kennen, aangezien de manier waarop we onze eigen functies implementeren hiervan afhangt, dus als we de oorzaak van een reactie kennen, kunnen we onze functies creëren.
Ajax-evenementen
Zoals we eerder hebben beschreven, is een van de belangrijkste stappen om de gebeurtenissen te kennen die kunnen gebeuren wanneer er een verzoek is AjaxLaten we vervolgens eens kijken wat ze zijn en wanneer ze zich voordoen.
afbreken: Deze gebeurtenis wordt geactiveerd wanneer het verzoek wordt afgebroken. Het is van het type VoortgangEvent, dat wil zeggen, terwijl de voortgang van het voltooien van het verzoek plaatsvindt.
fout: Deze gebeurtenis wordt geactiveerd wanneer het verzoek mislukt, het is ook van het type VoortgangEvent.
laden: Wanneer een aanvraag met succes is voltooid, is deze van het type VoortgangEvent.
laadeinde: Het wordt geactiveerd wanneer het verzoek is voltooid, het kan zijn wanneer het met succes is voltooid of met een fout, het is van het type VoortgangEvent.
laadstart: Het wordt geactiveerd bij het starten van een verzoek.
voortgang: Het wordt geactiveerd om de voortgang tijdens het verzoek aan te geven, het is van het type VoortgangEvent.
readystatechange: Het is een gebeurtenis die wordt geactiveerd in de verschillende stations tijdens de levenscyclus van het verzoek.
time-out: Het wordt geactiveerd wanneer de uitvoeringstijd van het verzoek is verstreken: het is van het type VoortgangEvent.
De meeste van deze gebeurtenissen worden geactiveerd tijdens een bepaald punt in het verzoek. Ajax, uitzondering hierop zijn de evenementen readystatechange Y voortgang, die op elk moment in de levenscyclus van het verzoek kan worden geactiveerd om de status van het verzoek te verkrijgen.
Omdat dit op het eerste gezicht een beetje ingewikkeld lijkt, gaan we een kleine voorbeeldcode maken, die ons laat zien wat er gebeurt in elk van de fasen van de levenscyclus van een verzoek, hiermee kunnen we zien wat er gebeurt:
VoorbeeldAppels Kersen Bananen
Met deze code doen we eenvoudigweg dat we in elke fase van het verzoek de informatie opvragen die is gekoppeld aan de gebeurtenis met het object WeergevenEventDetailsOp deze manier leggen we elke fase van het verzoek asynchroon vast.
Zodra we elke fase van het evenement hebben geregistreerd, willen we ze kunnen analyseren, dus we printen ze in een tabel HTML zodat we uiteindelijk alles kunnen opmerken wat er is gebeurd bij het maken van een Ajax-verzoek, in onze browser zouden we iets vergelijkbaars als dit moeten zien:
VERGROTEN
Hiermee voltooien we de tutorial en nu kunnen we analyseren wat er gebeurt als we deze technologie gebruiken om asynchrone ladingen in onze documenten of pagina's te maken HTML.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
