← Retour au cours

Intégration API REST avec fetch()

⏱ 10 min · 🎬 Lecon · 🏆 18 XP
🎬
Vidéo en production
Notre équipe pédagogique tourne actuellement cette leçon avec un·e formateur·rice expert·e. Le contenu textuel ci-dessous est complet et utilisable dès maintenant.

Faire une requête GET

fetch('https://jsonplaceholder.typicode.com/users/1')
  .then(res => res.json())
  .then(user => console.log(user))
  .catch(err => console.error(err));

Faire une requête POST

fetch('/api/contacts', {
  method: 'POST',
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify({name: 'Marie', email: 'marie@example.com'})
}).then(res => res.json());

Headers d'authentification

fetch('/api/protected', {
  headers: {
    'Authorization': 'Bearer ' + token,
    'Content-Type': 'application/json'
  }
});

💡 Pour pratiquer : utilise JSONPlaceholder, ReqRes, ou crée ton propre backend Node.js.