Cuprins
Pe măsură ce avansați pe calea dominării Ajax Unul dintre punctele pe care le găsim este să facem gestionarea evenimentelor, aceste evenimente sunt declanșate atunci când facem o solicitare Ajax și returnează un răspuns.Este esențial să cunoaștem foarte bine evenimentele, deoarece modul în care ne implementăm propriile funcții depinde de aceasta, cunoscând astfel cauza unui răspuns, ne putem crea funcțiile.
Evenimente Ajax
După cum am descris anterior, unul dintre pașii cheie este să cunoaștem evenimentele care se pot întâmpla atunci când există o cerere AjaxÎn continuare, să vedem ce sunt și când apar.
întrerupe: Acest eveniment este declanșat când cererea este întreruptă. Este de tipul ProgressEvent, adică în timp ce are loc progresul finalizării cererii.
eroare: Acest eveniment este declanșat când solicitarea eșuează, este de asemenea de tipul ProgressEvent.
sarcină: Când o cerere este finalizată cu succes, aceasta este de tipul ProgressEvent.
încărcare: Se declanșează atunci când cererea este finalizată, poate fi atunci când se finalizează cu succes sau cu o eroare, este de tipul ProgressEvent.
loadstart: Este declanșat la pornirea unei cereri.
progres: Este declanșat pentru a indica progresul în timpul cererii, este de tipul ProgressEvent.
readystatechange: Este un eveniment care este declanșat în diferite stații în timpul ciclului de viață al cererii.
pauză: Se declanșează când timpul de execuție a cererii expiră: este de tipul ProgressEvent.
Majoritatea acestor evenimente sunt declanșate în timpul unui anumit punct al cererii. Ajax, excepția de la aceasta sunt evenimentele readystatechange Da progres, care poate fi declanșat în orice moment al ciclului de viață al cererii pentru a obține statutul cererii.
Deoarece acest lucru pare puțin complex la prima vedere, vom face un mic exemplu de cod, care ne va arăta ce se întâmplă în fiecare dintre etapele ciclului de viață al unei cereri, cu aceasta putem vedea ce se întâmplă:
ExempluMere Cireșe Banane
Cu acest cod, ceea ce facem pur și simplu este că, în fiecare etapă a cererii, solicităm informațiile asociate evenimentului cu obiectul DisplayEventDetailsÎn acest fel, captăm în mod asincron fiecare etapă a cererii.
Odată ce înregistrăm fiecare etapă a evenimentului, suntem interesați să le putem analiza, așa că le imprimăm într-un tabel HTML astfel încât, în cele din urmă, să putem observa tot ce s-a întâmplat atunci când facem o solicitare Ajax, în browserul nostru ar trebui să vedem ceva similar cu acesta:
MARI
Cu aceasta terminăm tutorialul și acum putem analiza ce se întâmplă când folosim această tehnologie pentru a face încărcări asincrone în documentele sau paginile noastre HTML.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
