Fetch API

JavaScript 🟢 Junior

Définition

API moderne de requêtes HTTP basée sur les Promises, remplaçant XMLHttpRequest. Retourne une Response avec des méthodes pour parser le body (json, text, blob, etc.).

Analogie

Un service de livraison moderne : tu passes commande (fetch), tu reçois un bon de livraison (Response), puis tu ouvres le colis (.json()).

Exemple de code

const res = await fetch('/api/users', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'Alice' })
});
if (!res.ok) throw new Error(res.status);
const data = await res.json();

Cas d'usage

Toute communication HTTP : appels API REST, upload de fichiers, téléchargement de ressources.

Anti-pattern

Oublier de vérifier res.ok : fetch ne rejette PAS sur les erreurs HTTP (404, 500, etc.).
#core#async#navigateur#fondamental

← → au clavier pour passer d'une fiche à l'autre