DébutantNon commencé

Exercice 9.3 · 7 min · 0 tentative

Gérer les erreurs API

Objectif

Utiliser try/catch pour gérer les erreurs de requêtes API.

Contexte

Les appels API peuvent échouer (serveur down, 404, réseau...). try/catch capture ces erreurs :

async function chargerDonnees() {
  try {
    const response = await fetch("/api/data")

    if (!response.ok) {
      throw new Error("Erreur " + response.status)
    }

    const data = await response.json()
    console.log(data)

  } catch (error) {
    console.log("Problème :", error.message)
  }
}

Pourquoi vérifier response.ok ?

fetch() ne lance pas d'erreur pour les erreurs HTTP (404, 500...). Il faut vérifier manuellement :

Statusresponse.okSignification
200-299trueSuccès
400-599falseErreur

Consigne

Appelle chargerUtilisateur(999) pour tester la gestion d'erreur.

Résultat attendu :

--- Test ID valide ---
Utilisateur : Alice
--- Test ID invalide ---
Erreur attrapée : Erreur 404

Objectifs

  • Appeler avec ID 999
  • Afficher Alice
  • Afficher erreur 404
  • Erreur attrapée

Lisez bien les instructions et lancez-vous !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé