Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

22. diel - Asynchrónne požiadavky s využitím fetch API v JavaScripte

V predchádzajúcom cvičení, Riešené úlohy k 17. lekcii OOP v JavaScripte, sme si precvičili získané skúsenosti z predchádzajúcich lekcií.

V minulej lekcii, Riešené úlohy k 17. lekcii OOP v JavaScripte , sme sa bavili o prísľuboch (promises). Tieto znalosti teraz prakticky zužitkujeme. Pravdepodobne poznáte triedu XMLHttpRequest, ktorá slúži na asynchrónne výmene dát so serverom a umožňuje dynamicky meniť stránku bez nutnosti jej obnovenie. Táto technológia je známa najčastejšie pod skratkou AJAX. Iste mi dáte za pravdu, že použitie triedy XMLHttpRequest je pomerne nepríjemné a zdĺhavé. Našťastie tu máme nový spôsob - fetch API (fetch slovensky znamená "prines"). Ide v podstate o jednu funkciu, ktorá vykoná komunikáciu so serverom podľa parametrov a vráti promise. Pre túto lekciu je nutné chápať prísľuby a asynchrónne kód v JavaScripte, oboje sme si v kurze už vysvetľovali. Vidíte, že nie nadarmo :)

Fetch () vs. XMLHttpRequest

Aký je dôvod používať fetch() namiesto XMLHttpRequest ? Hlavným rozdielom a zároveň výhodou je, že fetch() využíva prísľuby. Jeho API je priamočiarejšie a jednoduchšie, neutopíte sa v rôznych callbacích. Napriek tomu ale


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom za exkluzívnu cenu 1 185 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 54 článkom (32 lekcií, 9 testov, 13 praktických cvičení) s kontrolou a certifikáciou a ešte naviac ušetríš 396 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 25% zľavu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V JavaScript tutoriálu sa naučíme posielať požiadavky servera a vyhodnocovať odpovede moderným spôsobom. Vytvoríme si wrapper, ktorý AJAX otázky zjednoduší.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Radek Veverka
Avatar
Jsem student VUT FIT v třetím ročníku. Nejraději mám Typescript a C#.
Aktivity