HTML5 - Události Ajax

Jak postupujete po cestě dominance Ajax Jedním z bodů, které zjišťujeme, je vytvoření obsluhy událostí, tyto události se aktivují, když zadáme požadavek Ajaxu a vrátí nějakou odpověď.
Je klíčové znát události velmi dobře, protože na tom závisí způsob, jakým implementujeme své vlastní funkce, takže když známe příčinu reakce, můžeme své funkce vytvořit.
Události Ajax
Jak jsme již dříve popsali, jedním z klíčových kroků je znát události, které se mohou stát, když existuje požadavek AjaxDále se podívejme, co jsou a kdy se vyskytnou.
přerušit: Tato událost se spustí, když je požadavek zrušen. Je to typ ProgressEvent, to znamená, že dojde k průběhu vyplňování požadavku.
chyba: Tato událost se spustí, když požadavek selže, je také typu ProgressEvent.
zatížení: Když je požadavek úspěšně dokončen, je typu ProgressEvent.
náklad: Je spuštěno, když je požadavek dokončen, může to být při úspěšném dokončení nebo s chybou, je to typ ProgressEvent.
loadstart: Spustí se při spuštění požadavku.
pokrok: Je spuštěno, aby indikovalo průběh během požadavku, je typu ProgressEvent.
readystatechange: Je to událost, která je spuštěna na různých stanicích během životního cyklu požadavku.
Časový limit: Spustí se, když vyprší doba provedení požadavku: je typu ProgressEvent.
Většina těchto událostí se spouští v určitém bodě žádosti. AjaxVýjimkou jsou události readystatechange Y pokrok, které lze spustit kdykoli v životním cyklu požadavku k získání stavu požadavku.
Protože se to na první pohled zdá trochu složité, vytvoříme malý ukázkový kód, který nám ukáže, co se děje v každé z fází životního cyklu požadavku. Díky tomu vidíme, co se děje:

 PříkladJablka Třešně Banány

Stiskněte tlačítko

S tímto kódem jednoduše uděláme, že v každé fázi požadavku požadujeme informace spojené s událostí s objektem Podrobnosti o DisplayEventTímto způsobem asynchronně zachytíme každou fázi požadavku.
Jakmile zaregistrujeme každou fázi události, máme zájem je analyzovat, takže je vytiskneme do tabulky HTML abychom si nakonec mohli všimnout všeho, co se stalo při zadávání požadavku Ajax, v našem prohlížeči bychom měli vidět něco podobného:

ZVĚTŠIT

Jak vidíme, požadavek před doručením očekávané odpovědi trvá několik kroků, což je důvodem jednoduchého požadavku.
Tímto ukončíme tutoriál a nyní můžeme analyzovat, co se stane, když pomocí této technologie provádíme asynchronní načítání v našich dokumentech nebo na stránkách HTML.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod