Lekce 4 - GraphQL - Použití funkce fetch()

V předchozí lekci, GraphQL - Úprava, vkládání a mazání dat, jsme si ukázali úpravu dat. Vyzkoušeli jsme si dotazy z příkazové řádky, aplikace Postman a web IDE GraphiQL.

V tomto tutoriálu GraphQL v JavaScriptu využijeme znalosti z předchozích lekcí a naprogramujeme si jednoduchého klienta k serveru s blogem, na kterém jsme si v předchozích lekcích zkoušeli jednotlivé dotazy. Začneme metodou fetch(). Ta zprostředkovává odesílání dotazů na server a získávání odpovědí.

Metoda fetch()

JavaScript odesílá síťové požadavky na server a načítá nové informace kdykoliv je to potřeba, a to bez nutnosti znova načítat celou stránku. Zastřešující termín pro síťové operace Javascriptu je AJAX (Asynchronous Javascript And XML). Používat XML není nezbytně nutné, protože data lze ve skutečnosti přenášet v jakémkoliv formátu. Pro nás to bude formát JSON. Metodu fetch() podporují všechny aktuální verze internetových prohlížečů, kromě historického Internet Exploreru.

Metoda fetch() vrací Promise, který řeší Response (odpověď) z Request (dotazu) na server. Pro přístup k obsahu použijeme handler (zpětné volání) .then().

Základní konstrukce metody fetch() vypadá takto:

fetch(url)
    .then(response)
    .then(data)

...konec náhledu článku...
Pokračuj dál