Les sites modernes échangent des données avec des serveurs : météo, actualités, produits… Ces échanges passent par des API, et JavaScript les interroge avec fetch.

Qu’est-ce qu’une API ?

Une API est un service qui fournit des données sur demande. Vous envoyez une requête à une adresse, elle vous renvoie une réponse, souvent au format JSON (un texte structuré facile à lire pour le code).

Utiliser fetch

fetch("https://api.exemple.com/donnees")
  .then(reponse => reponse.json())
  .then(donnees => console.log(donnees));

Le déroulé est le suivant :

  • fetch envoie la requête vers l’adresse indiquée.
  • .json() transforme la réponse en données exploitables.
  • Le second .then reçoit enfin les données pour les utiliser.

Comme la réponse peut prendre du temps, ces opérations sont asynchrones : le code n’attend pas et traite le résultat dès qu’il arrive.

À retenir : fetch récupère des données distantes via une API. La réponse arrive plus tard : on la traite avec .then.