fetch: leggere dati da un indirizzo

In parole semplici

fetch serve a chiedere dati a un indirizzo. Per iniziare puoi usare un file JSON o un endpoint di prova. La cosa importante è gestire la risposta passo per passo.

Questa lezione fa parte del modulo Dati, attese e richieste web. L’obiettivo del modulo è: Capire come gestire operazioni che non danno una risposta immediata.

Parole nuove

• fetch: funzione per fare una richiesta web.
• JSON: formato comune per dati scambiati sul web.

Cosa impari

• Capire il concetto senza partire da definizioni astratte.
• Vedere un esempio piccolo che puoi copiare e modificare.
• Collegare l’argomento al risultato del modulo: una piccola dashboard che mostra dati caricati da una fonte esterna.

Esempio da copiare

async function caricaDati() {
  const risposta = await fetch("https://jsonplaceholder.typicode.com/users/1");
  const dati = await risposta.json();
  console.log(dati.name);
}

caricaDati();

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

1. Copia l’esempio in un file JavaScript collegato a una pagina.
2. Apri la Console.
3. Esegui la pagina.
4. Osserva il nome stampato.
5. Cambia /1 con /2 nell’indirizzo.

Controllo finale

Hai finito quando riesci a caricare un dato e stamparne una proprietà.