HTML5 - Ajax Events

När du går framåt på vägen att dominera Ajax En av punkterna som vi hittar är att göra händelsehanteraren, dessa händelser avfyras när vi gör en Ajax -begäran och det ger något svar.
Det är nyckeln att känna till händelserna mycket väl eftersom sättet vi implementerar våra egna funktioner beror på detta, så att vi vet orsaken till ett svar vi kan skapa våra funktioner.
Ajax -evenemang
Som vi tidigare har beskrivit är ett av de viktigaste stegen att känna till de händelser som kan hända när det finns en begäran AjaxLåt oss sedan se vad de är och när de inträffar.
avbryta: Denna händelse aktiveras när begäran avbryts. Det är av typen ProgressEvent, det vill säga medan framstegen med att slutföra begäran sker.
fel: Denna händelse avfyras när begäran misslyckas, den är också av typen ProgressEvent.
ladda: När en begäran har slutförts är den av typen ProgressEvent.
loadend: Det avfyras när begäran är klar, det kan vara när den slutförts framgångsrikt eller med ett fel, det är av typen ProgressEvent.
loadstart: Det utlöses när en begäran startas.
framsteg: Det utlöses för att indikera framstegen under begäran, det är av typen ProgressEvent.
redigera förändring: Det är en händelse som utlöses på de olika stationerna under begärans livscykel.
Paus: Det avfyras när körningstiden för begäran tar slut: det är av typen ProgressEvent.
De flesta av dessa händelser utlöses under en viss punkt i begäran. Ajax, undantaget från detta är händelserna redigera ändring Y framsteg, som kan utlösas när som helst under begärans livscykel för att få status på förfrågan.
Eftersom det här verkar lite komplext vid första anblicken kommer vi att göra en liten exempelkod, som kommer att visa oss vad som händer i vart och ett av stadierna i en begäras livscykel, med detta kan vi se vad som händer:

 ExempelÄpplen Körsbär Bananer

tryck på en knapp

Med den här koden är det vi helt enkelt gör att vi i varje steg i begäran begär informationen som är associerad med händelsen med objektet DisplayEventDetailsPå detta sätt fångar vi asynkront varje steg i begäran.
När vi väl har registrerat varje steg i evenemanget är vi intresserade av att kunna analysera dem så vi skriver ut dem i en tabell HTML så att vi i slutändan kan märka allt som hände när vi gjorde en Ajax -begäran, i vår webbläsare borde vi se något liknande det här:

FÖRSTORA

Som vi kan se tar förfrågan flera steg innan det förväntade svaret levereras, det här är vad som ligger bakom en enkel begäran.
Med detta avslutar vi handledningen och nu kan vi analysera vad som händer när vi använder denna teknik för att göra asynkrona belastningar i våra dokument eller sidor HTML.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng