API Fetch

L'API Fetch è un modo moderno per effettuare richieste HTTP in JavaScript. Si tratta di un'interfaccia integrata che consente di effettuare richieste HTTP senza l'ausilio di librerie esterne, come jQuery o Axios.

Per utilizzare l'API Fetch, possiamo utilizzare il metodo globale fetch(). Questo metodo accetta un parametro obbligatorio, ovvero l'URL a cui effettuare la richiesta.


fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then(data => console.log(data));

In questo esempio, stiamo effettuando una richiesta GET all'API di test JSONPlaceholder, che restituisce un elenco di post. La risposta viene quindi convertita in formato JSON tramite il metodo json() e i dati vengono stampati sulla console.

Possiamo anche specificare le opzioni della richiesta tramite un secondo parametro opzionale. Ad esempio, possiamo specificare il metodo HTTP, le intestazioni e il corpo della richiesta:

fetch('https://jsonplaceholder.typicode.com/posts', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
title: 'Nuovo post',
body: 'Contenuto del nuovo post',
userId: 1
})
})
.then(response => response.json())
.then(data => console.log(data));

In questo caso, stiamo effettuando una richiesta POST all'API di test JSONPlaceholder, inviando un nuovo post. La richiesta include un'intestazione Content-Type impostata su application/json e un corpo JSON che specifica il titolo, il contenuto e l'ID dell'utente del nuovo post.

Una volta inviata la richiesta, la risposta viene gestita tramite la catena di promesse, come nel primo esempio.

In conclusione, le chiamate Fetch sono un'ottima alternativa per effettuare richieste HTTP in JavaScript in modo semplice e moderno. La loro sintassi pulita e il supporto integrato per i Promise rendono le chiamate Fetch un'ottima scelta per qualsiasi progetto JavaScript.