Quatrième leçon : HTML et JavaScript

API Fetch

L'API Fetch permet de faire des requêtes HTTP pour récupérer des ressources. C'est un moyen moderne d'effectuer des appels réseau en JavaScript.

Exemple de Requête Fetch

Voici comment récupérer des données depuis une API en utilisant Fetch :

        fetch('https://jsonplaceholder.typicode.com/todos/1')
            .then(response => response.json())
            .then(data => console.log(data))
            .catch(error => console.error('Erreur:', error));
    

Promesses

Fetch utilise des promesses pour gérer les opérations asynchrones. Une promesse est un objet qui représente la réussite ou l'échec d'une opération asynchrone.

Exemple de Promesse

        let promesse = new Promise((resolve, reject) => {
            let condition = true; // Condition d'exemple

            if (condition) {
                resolve("Opération réussie !");
            } else {
                reject("Erreur lors de l'opération.");
            }
        });

        promesse
            .then(result => console.log(result))
            .catch(error => console.error(error));
    

Gestion des Erreurs

Il est important de gérer les erreurs lors de l'utilisation de Fetch. Vous pouvez utiliser la méthode .catch() pour capturer les erreurs.

Exemple Complet : Récupérer et Afficher des Données

Voici un exemple complet qui récupère des données d'une API et les affiche sur la page :

Impression de la page

Cliquez sur le bouton ci-dessous pour imprimer ou sauvegarder cette page en PDF :