Lekce 27 - Asynchronní požadavky s využitím fetch API v JavaScriptu
V předchozím kvízu, Kvíz - Modulární programování a asynchronní operace, jsme si ověřili nabyté zkušenosti z předchozích lekcí.
Dnes prakticky zužitkujeme znalosti asynchronního programování. Když
jsme si v kurzu zkoušeli AJAX, jistě mi dáte za pravdu, že použití třídy
XMLHttpRequest
bylo poměrně nepříjemné a zdlouhavé.
Naštěstí zde máme nový způsob - fetch API (fetch česky
znamená "přines"). Jedná se v podstatě o jednu funkci, která provede
komunikaci se serverem dle parametrů a vrátí promise. Pro
tuto lekci je nutné chápat přísliby a asynchronní
kód v JavaScriptu, obojí jsme si v kurzu již vysvětlovali. Vidíte,
že ne nadarmo
fetch() vs. XMLHttpRequest
Jaký je důvod používat fetch()
místo
XMLHttpRequest
? Hlavním rozdílem a zároveň výhodou je, že
fetch()
využívá přísliby. Jeho API je
přímočařejší a jednodušší, neutopíme se v různých callbacích.
Přesto ale
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V JavaScript tutoriálu se naučíme posílat požadavky serveru a vyhodnocovat odpovědi moderním způsobem. Vytvoříme si wrapper, který AJAX dotazy zjednoduší.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.