DébutantNon commencé
Exercice 9.2 · 7 min · 0 tentative
Récupérer des données
Objectif
Utiliser fetch() pour récupérer des données d'une API.
Contexte
fetch() envoie une requête HTTP à une API et retourne une réponse :
async function chargerUtilisateurs() {
// 1. Envoyer la requête
const response = await fetch("https://api.example.com/users")
// 2. Convertir en JSON
const users = await response.json()
// 3. Utiliser les données
console.log(users)
}
Les deux étapes
| Étape | Code | Résultat |
|---|---|---|
| 1 | await fetch(url) | Objet Response |
| 2 | await response.json() | Données JavaScript |
Note : Cet exercice simule fetch() car le vrai fetch nécessite un navigateur. La syntaxe est identique !
Consigne
Complète la fonction chargerProduits() :
- Convertis la réponse en JSON avec
await response.json() - Stocke le résultat dans
produits
Résultat attendu :
Nombre de produits : 3
- Laptop : 999 CHF
- Souris : 29 CHF
- Clavier : 79 CHF
Objectifs
- Convertir en JSON
- Afficher le nombre
- Afficher Laptop
- Afficher prix
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé