Sommario
Mentre avanzi sulla via del dominio Ajax Uno dei punti che troviamo è quello di creare il gestore di eventi, questi eventi vengono attivati quando effettuiamo una richiesta Ajax e restituisce una risposta.È fondamentale conoscere molto bene gli eventi poiché il modo in cui implementiamo le nostre funzioni dipende da questo, quindi conoscendo la causa di una risposta possiamo creare le nostre funzioni.
Eventi dell'Ajax
Come abbiamo precedentemente descritto, uno dei passaggi chiave è conoscere gli eventi che possono accadere quando c'è una richiesta AjaxSuccessivamente, vediamo cosa sono e quando si verificano.
interrompere: Questo evento viene generato quando la richiesta viene interrotta. È del tipo ProgressEvent, ovvero mentre si verifica l'avanzamento del completamento della richiesta.
errore: Questo evento viene generato quando la richiesta fallisce, è anche del tipo ProgressEvent.
caricare: Quando una richiesta viene completata con successo, è del tipo ProgressEvent.
carico: Viene sparato quando la richiesta è completata, può essere quando si completa con successo o con un errore, è del tipo ProgressEvent.
avvio caricamento: Viene attivato quando si avvia una richiesta.
progresso: Viene attivato per indicare lo stato di avanzamento durante la richiesta, è del tipo ProgressEvent.
readystatechange: È un evento che viene attivato nelle diverse stazioni durante il ciclo di vita della richiesta.
tempo scaduto: Viene sparato allo scadere del tempo di esecuzione della richiesta: è del tipo ProgressEvent.
La maggior parte di questi eventi viene attivata durante un punto particolare della richiesta. Ajax, l'eccezione a questo sono gli eventi readystatechange sì progresso, che può essere attivato in qualsiasi momento nel ciclo di vita della richiesta per ottenere lo stato della richiesta.
Dato che a prima vista sembra un po' complesso, creeremo un piccolo codice di esempio, che ci mostrerà cosa succede in ciascuna delle fasi del ciclo di vita di una richiesta, con questo possiamo vedere cosa sta succedendo:
EsempioMele Ciliegie Banane
Con questo codice ciò che facciamo semplicemente è che in ogni fase della richiesta richiediamo le informazioni associate all'evento con l'oggetto Visualizza i dettagli dell'eventoIn questo modo, acquisiamo in modo asincrono ogni fase della richiesta.
Una volta che registriamo ogni fase dell'evento ci interessa poterle analizzare quindi le stampiamo in una tabella HTML in modo che alla fine possiamo notare tutto ciò che è successo quando si effettua una richiesta Ajax, nel nostro browser dovremmo vedere qualcosa di simile a questo:
INGRANDIRE
Con questo finiamo il tutorial e ora possiamo analizzare cosa succede quando utilizziamo questa tecnologia per effettuare carichi asincroni nei nostri documenti o pagine HTML.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
