JavaScript Fetch API pruža jednostavan i intuitivan način za slanje zahteva sa klijentske strane aplikacije koja radi unutar web pregledača.
Ovaj API je lak za korišćenje i koristi savremenu JavaScript sintaksu. Ovaj članak predstavlja vodič o upotrebi Fetch API-ja.
Šta je JavaScript Fetch API?
JavaScript Fetch API je interfejs koji moderni web pregledači obezbeđuju za upućivanje zahteva sa frontenda. On predstavlja alternativu zastarelom AJAX XMLHttpRequest-u.
Dostupan je kao globalna funkcija pod nazivom `fetch`. Kada se pozove sa odgovarajućim argumentima, ova funkcija vraća Promise (obećanje) koji se razrešava u odgovor. Korišćenjem funkcije `fetch` možete kreirati sve tipove HTTP zahteva.
Prednosti Fetch API-ja u odnosu na druge metode
- Ima jednostavniji i lakši za razumevanje interfejs, što olakšava učenje i upotrebu. Zbog toga, vaš kod postaje čistiji kada koristite Fetch API. XMLHttpRequest je složeniji, što čini kod manje preglednim u poređenju sa Fetch API-jem.
- Podržava Promise-e, što vam omogućava da pišete asinhroni kod na jasniji način. XMLHttpRequest ne podržava Promise-e; umesto toga, morate dodavati callback funkcije za rukovanje događajima. Zavisno od vaših preferencija, možda ćete dati prednost JavaScript Fetch API-ju.
- Izvorno je podržan od strane pregledača. To znači da nema potrebe za dodavanjem dodatnih biblioteka kako biste upućivali zahteve. Dodatne biblioteke povećavaju veličinu JavaScript paketa i mogu usporiti vašu web lokaciju.
Korišćenje Fetch API-ja
U ovom odeljku ćemo opisati kako kreirati različite zahteve koristeći JavaScript Fetch API. Za pisanje koda možete koristiti bilo koji editor koji želite. Jedino je važno da se kod pokreće u web pregledaču. Kod ću pokretati unutar `