HTML5 - Ajax događaji

Sadržaj
Kako napredujete na putu dominacije Ajax Jedna od točaka koje smo pronašli je napraviti upravljač događajima, ti se događaji pokreću kada podnesemo Ajax zahtjev i on vraća neki odgovor.
Ključno je vrlo dobro poznavati događaje jer o tome ovisi način na koji implementiramo vlastite funkcije, pa znajući uzrok odgovora možemo stvoriti svoje funkcije.
Ajax događaji
Kao što smo prethodno opisali, jedan od ključnih koraka je poznavanje događaja koji se mogu dogoditi kada postoji zahtjev AjaxZatim, da vidimo što su i kada se pojavljuju.
prekid: Ovaj događaj se aktivira kada se zahtjev prekine. To je tipa ProgressEvent, to jest dok se događa napredak dovršetka zahtjeva.
pogreška: Ovaj događaj se pokreće kada zahtjev ne uspije, također je tipa ProgressEvent.
opterećenje: Kad je zahtjev uspješno dovršen, on je tipa ProgressEvent.
nosilac: Pokreće se kad je zahtjev dovršen, može biti kada se uspješno dovrši ili s pogreškom, tipa je ProgressEvent.
loadstart: Pokreće se pri pokretanju zahtjeva.
napredak: Pokreće se za označavanje napretka tijekom zahtjeva, tipa je ProgressEvent.
readystatechange: To je događaj koji se pokreće na različitim postajama tijekom životnog ciklusa zahtjeva.
pauza: Pokreće se kada vrijeme izvršenja zahtjeva istekne: tipa je ProgressEvent.
Većina tih događaja pokreće se tijekom određene točke zahtjeva. Ajax, iznimka od ovoga su događaji readystatechange Y napredak, koji se može pokrenuti u bilo kojem trenutku životnog ciklusa zahtjeva radi dobivanja statusa zahtjeva.
Kako se ovo na prvi pogled čini pomalo složenim, napravit ćemo mali primjer koda, koji će nam pokazati što se događa u svakoj od faza životnog ciklusa zahtjeva, po čemu možemo vidjeti što se događa:
 PrimjerJabuke Višnje Banane
Pritisnite tipku

S ovim kodom jednostavno radimo da u svakoj fazi zahtjeva tražimo informacije povezane s događajem s objektom DisplayEventDetailsNa taj način asinkrono bilježimo svaku fazu zahtjeva.
Nakon što registriramo svaku fazu događaja, zainteresirani smo za njihovu analizu pa ih ispisujemo u tablici HTML tako da na kraju možemo primijetiti sve što se dogodilo prilikom podnošenja Ajax zahtjeva, u svom bismo pregledniku trebali vidjeti nešto slično ovome:

POVEĆAJTE

Kao što vidimo, zahtjev poduzima nekoliko koraka prije nego što se dostavi očekivani odgovor, to stoji iza jednostavnog zahtjeva.
Ovime smo završili vodič i sada možemo analizirati što se događa kada koristimo ovu tehnologiju za asinhrono učitavanje u naše dokumente ili stranice HTML.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave