Ajouter un produit (POST)

🎯 Objectif

Créer un formulaire d'ajout et envoyer les données à l'API avec une requête POST.

📖 Contexte

Jusqu'ici, on a fait des requêtes GET (lire des données). Maintenant on va créer des données avec une requête POST.

GET vs POST

Structure d'une requête POST

const response = await fetch("https://api.exemple.com/produits", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    title: "Mon produit",
    price: 19.99
  })
})

const data = await response.json()

Les 3 éléments clés

1. method: "POST" — Indique qu'on crée une ressource
2. headers — Précise qu'on envoie du JSON
3. body: JSON.stringify(...) — Les données converties en texte JSON

DummyJSON et le POST

L'API DummyJSON simule l'ajout : elle retourne le produit avec un nouvel id mais ne le sauvegarde pas vraiment côté serveur. C'est parfait pour s'entraîner !

POST https://dummyjson.com/products/add

📝 Consigne

1. Complète ajouterProduit() : envoie une requête POST avec fetch à https://dummyjson.com/products/add
2. Complète le gestionnaire submit : appelle ajouterProduit(), ajoute le résultat au tableau et réaffiche