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
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
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- 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ť.