JavaScript : récupérer des données avec fetch, async et await

Lire

async function meteo(lat, lon) {
  const r = await fetch(`https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}&current=temperature_2m`);
  if (!r.ok) throw new Error(`HTTP ${r.status}`);
  return (await r.json()).current.temperature_2m;
}

Envoyer

await fetch("/api/contact", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({ nom: "Léa" }),
});

À savoir

• fetch ne rejette que sur erreur réseau : vérifiez r.ok.
• Plusieurs requêtes en parallèle : await Promise.all([fetch(a), fetch(b)]).
• Erreur CORS : le serveur doit autoriser votre domaine (en-têtes côté serveur).
• Ne mettez jamais de clé d'API secrète dans le JavaScript du navigateur.

Concepts : API REST.