DébutantNon commencé

Exercice 9.6 · 8 min · 0 tentative

Envoyer des données (POST)

🎯 Objectif

Utiliser fetch() avec la méthode POST pour créer une nouvelle ressource sur l'API.

📖 Contexte

GET vs POST

MéthodeActionBody ?
GETLire des donnéesNon
POSTCréer une ressourceOui (les données à créer)

Comment envoyer un POST ?

const response = await fetch("https://dummyjson.com/products/add", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    title: "Mon produit",
    price: 42
  })
})

const resultat = await response.json()
console.log(resultat)
// → { id: 195, title: "Mon produit", price: 42 }

Les 3 parties d'un POST

PartieRôleValeur
methodType de requête"POST"
headersFormat des données"Content-Type": "application/json"
bodyDonnées à envoyerJSON.stringify({...})

JSON.stringify est obligatoire ! Le réseau transporte du texte, pas des objets JavaScript. JSON.stringify() convertit un objet en texte JSON.

DummyJSON simule la création : l'API retourne un ID mais ne sauvegarde pas réellement le produit. C'est parfait pour s'entraîner sans risque.

📝 Consigne

Complète le body de la requête POST :

  1. Remplace ___ par JSON.stringify({ title: titre, price: prix })

Résultat attendu :

Produit créé ! ID : 195
Titre : Clavier mécanique
Prix : 89 $

Objectifs

  • Utiliser JSON.stringify
  • Envoyer title et price
  • Produit créé
  • Titre affiché

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé