Nové výhodné predplatné namiesto kreditov je tu! Viac informácií. Upravili sme aj naše prevádzkové podmienky.
NOVINKA: Kurz Práca s umelou inteligenciou teraz už od 0 €. Staň sa žiadaným profesionálom. Zisti viac:

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 eur

Došiel 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émiovej sekcie.

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

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • 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ší.
Č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