Les requêtes HTTP en JavaScript avec Fetch

La méthode globale fetch() est utilisée pour démarrer le chargement d'une ressource sur le réseau. Cette méthode retourne une promesse qui est résolue dès que la réponse à la requête est disponible.

La promesse résout un objet Response qui représente la réponse à votre requête.  Elle ne sera pas rejetée en cas d'erreur HTTP, comme un statut 404, mais uniquement si un problème de réseau survient, tel qu'une perte de connexion Internet ou un dépassement du délai d'attente.

La méthode then() est appelée lorsque l'opération asynchrone a réussi. Si la requête aboutit à une erreur HTTP, nous pouvons l'identifier à l'intérieur de then().

En revanche, pour gérer les problèmes de réseau, nous utilisons la méthode catch(). Cette méthode est appelée lorsque l'opération asynchrone échoue, c'est-à-dire lorsqu'un problème de réseau survient.

fetch('https://api.exemple.com/donnees')
  .then(response => {
    if (!response.ok) {
      throw new Error('Erreur HTTP ! statut : ' + response.status);
    }
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.log('Une erreur est survenue : ' + error.message);
  });