Lekce 15 - Prohlížeč Pokémonů v React - Požadavky POST, PUT, DELETE

V předešlém cvičení, Řešené úlohy k lekci 6-14 JavaScript - React - Základy, jsme si procvičili nabyté zkušenosti z předchozích lekcí.

V tomto React tutoriálu se podíváme na tři důležité metody, které se používají při práci s webovým API – POST, PUT a DELETE. Doposud jsme si v Reactu ukázali pouze metodu GET, která slouží ke čtení dat, například při načítání seznamu pokémonů. V reálných aplikacích ale většinou potřebujeme s daty také aktivně pracovat – odesílat nové záznamy, upravovat existující nebo je mazat. Právě k tomu slouží zmíněné metody.

HTTP Metody

Metody POST, PUT a DELETE jsou součástí tzv. REST API. Jde o styl komunikace mezi klientem a serverem. REST API určuje, jakým způsobem spolu může klient (například webová aplikace v Reactu) a server komunikovat. Každá metoda má přesně daný účel:

• GET slouží ke čtení dat. Nic nemění, jen požádá server o informace.
• POST se používá pro vytvoření nového záznamu.
• PUT slouží k nahrazení existujícího záznamu jiným.
• A DELETE se používá pro smazání dat.

Někdy se setkáme ještě s metodou PATCH, která slouží k částečné aktualizaci záznamu, tedy když chceme změnit jen některá pole, ne celý objekt. Naproti tomu PUT nahrazuje celý záznam novým. V praxi však metodu PATCH mnohá API vůbec nepodporují. Důvodem je složitá implementace této metody.

Struktura HTTP požadavku

Když odesíláme požadavek na server

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