Usare le Fetch API in Javascript

A meno di non usare altri librerie, siamo abituati ad eseguire richieste HTTP usando XMLHttpRequest.

L'ultima versione di Javascript, però, porta con se una nuova API: Fetch API.

Attraverso questa API possiamo eseguire richieste HTTP, e recuperare i dati in maniera molto semplice, e senza usare altre librerie.

Vediamo un piccolo esempio, usando OMDB e JSON:

            function demo() {
                var URL = 'http://www.omdbapi.com/?t=frozen&y=&plot=short&r=json';
                fetch(URL).then(function (response) {
                    return response.json();
                }).then(function (json) {
                    console.log(json);
                });
            }

Alla funzione fetch passiamo l'indirizzo.

Sotto recuperiamo la risposta con la funzione json, e sotto ancora stampiamo la risposta.

Questa API, ovviamente, non nasce come mero sostituto di XMLHttpRequest, in quanto ha molte più funzionalità

Ma è ancora considerata una API sperimentale; anche se gli unici browser che non lo supportano sono IE e Safari.

Enjoy!