DébutantNon commencé
Exercice 9.7 · 8 min · 0 tentative
Modifier des données (PUT)
🎯 Objectif
Utiliser fetch() avec la méthode PUT pour modifier une ressource existante sur l'API.
📖 Contexte
POST vs PUT
| Méthode | Action | URL | Exemple |
|---|---|---|---|
| POST | Créer | /products/add | Ajouter un produit |
| PUT | Modifier | /products/1 | Changer le produit 1 |
La différence clé : PUT cible une ressource précise via son ID dans l'URL.
Comment modifier avec PUT ?
const response = await fetch("https://dummyjson.com/products/1", {
method: "PUT",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
title: "Nouveau nom",
price: 19.99
})
})
const resultat = await response.json()
console.log(resultat.title) // "Nouveau nom"
Récapitulatif CRUD
| Opération | Méthode HTTP | URL |
|---|---|---|
| Create (créer) | POST | /products/add |
| Read (lire) | GET | /products ou /products/1 |
| Update (modifier) | PUT | /products/1 |
| Delete (supprimer) | DELETE | /products/1 |
CRUD : Create, Read, Update, Delete. Ce sont les 4 opérations de base pour gérer des données.
📝 Consigne
Complète la requête PUT :
- Remplace
___par"PUT"pour la méthode HTTP
Résultat attendu :
Produit modifié !
ID : 1
Nouveau titre : Super Mascara Pro
Nouveau prix : 14.99 $
Objectifs
- Utiliser la méthode PUT
- URL avec l'ID
- Produit modifié
- Nouveau titre
Lis bien les instructions et lance-toi !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé