TP5B - Lecture JSON en local

// Méthode 1: fetch() avec then/catch
function chargerDonnees() {
    fetch('etudiant.json')
        .then(response => {
            // Vérifier si la requête a réussi
            if (!response.ok) {
                throw new Error(`Erreur HTTP: ${response.status}`);
            }
            return response.json(); // Convertir en JSON
        })
        .then(data => {
            // Traiter les données
            console.log('Données chargées:', data);
            afficherDonnees(data);
        })
        .catch(error => {
            // Gérer les erreurs
            console.error('Erreur:', error);
            afficherErreur(error.message);
        });
}

// Méthode 2: async/await
async function chargerDonneesAsync() {
    try {
        const response = await fetch('etudiant.json');
        
        if (!response.ok) {
            throw new Error(`Erreur: ${response.status}`);
        }
        
        const data = await response.json();
        afficherDonnees(data);
        
    } catch (error) {
        console.error('Erreur:', error);
        afficherErreur(error.message);
    }
}

// Méthode 3: fetch() avec options
function chargerAvecOptionsAvancees() {
    const controller = new AbortController();
    const signal = controller.signal;
    
    // Timeout après 5 secondes
    const timeoutId = setTimeout(() => {
        controller.abort();
    }, 5000);
    
    fetch('etudiant.json', {
        method: 'GET',
        headers: {
            'Content-Type': 'application/json',
            'X-Requested-By': 'Kacper'
        },
        signal: signal,
        cache: 'no-cache',
        mode: 'cors'
    })
    .then(response => response.json())
    .then(data => {
        clearTimeout(timeoutId);
        afficherDonnees(data);
    })
    .catch(error => {
        clearTimeout(timeoutId);
        if (error.name === 'AbortError') {
            afficherErreur('Requête annulée (timeout)');
        } else {
            afficherErreur(error.message);
        }
    });
}

Chargement du fichier JSON...