Comprendre fetch en JavaScript (ultra-simplifié)

Qu’est-ce que fetch ?

fetch est une fonction intégrée à JavaScript qui permet de récupérer des données sur Internet (API, fichiers, etc.).

Exemple ultra-simple

fetch('https://api.exemple.com/data')
	.then((response) => response.json())
	.then((data) => {
		console.log(data); // Affiche les données reçues
	})
	.catch((error) => {
		console.error('Erreur :', error);
	});

• Le premier .then transforme la réponse en JSON.
• Le second .then utilise les données.
• .catch gère les erreurs (ex : pas de connexion).

Version async/await (moderne)

async function chargerDonnees() {
	try {
		const response = await fetch('https://api.exemple.com/data');
		const data = await response.json();
		console.log(data);
	} catch (error) {
		console.error('Erreur :', error);
	}
}

À retenir

• fetch fonctionne dans tous les navigateurs modernes.
• Il est asynchrone (ne bloque pas la page).
• On peut l’utiliser pour appeler des API, charger des fichiers, etc.

Pour aller plus loin : MDN Web Docs - Utiliser fetch