DébutantNon commencé
Exercice 9.4 · 8 min · 0 tentative
Envoyer des données
Objectif
Utiliser fetch() avec POST pour envoyer des données à une API.
Contexte
Pour créer des données (Create du CRUD), on utilise la méthode POST :
async function creerProduit(nom, prix) {
const response = await fetch("/api/produits", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ nom, prix })
})
const produit = await response.json()
console.log("Produit créé :", produit.id)
}
Les options de fetch
| Option | Description |
|---|---|
method | GET (défaut), POST, PUT, DELETE |
headers | En-têtes HTTP (Content-Type...) |
body | Données à envoyer (JSON stringifié) |
JSON.stringify vs JSON.parse
// Objet → Texte JSON (pour envoyer)
JSON.stringify({ nom: "Alice" }) // '{"nom":"Alice"}'
// Texte JSON → Objet (pour recevoir)
JSON.parse('{"nom":"Alice"}') // { nom: "Alice" }
Consigne
Complète la fonction :
- Récupère la réponse avec
await response.json() - Affiche
"Utilisateur créé avec l'ID [id]"
Résultat attendu :
Données envoyées : Marie - marie@email.ch
Utilisateur créé avec l'ID 42
Objectifs
- Récupérer la réponse
- Afficher l'ID
- Afficher données envoyées
- Afficher ID créé
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé