Fetch API

JavaScript 🟢 Junior

Definition

API moderne de requetes HTTP basee sur les Promises, remplacant XMLHttpRequest. Retourne une Response avec des methodes pour parser le body (json, text, blob, etc.).

Analogie

Un service de livraison moderne : tu passes commande (fetch), tu recois 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, telechargement de ressources.

Anti-pattern

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