XMLHttpRequest Progress

Un exercice pour manipuler au moins une fois "l'ancien" AJAX et écouter ses divers événements et surtout celui de progression

Énoncé

• Vous devez requêter en méthode GET le fichier json (en cross-domain) "stocké" sur IPFS
• Vous devez écouter chaque évènement indiqué dans la liste ci-dessous avec une fonction de callback spécifique
• La fonction de callback du progress doit augmenter la valeur de l'élément progress html au fur et à mesure du chargement

--> ajouter en plus un pourcentage arrondi à 2 décimales

• La fonction de callback loadend doit afficher le contenu du fichier dans la div output

Liste des événements à écouter

Pour cet exercice il est exigé d'écouter les évènements avec la fonction addEventListener

• progress
• load
• loadend
• error

Technologies utilisées

• XMLHttpRequest
• addEventListener
• élement HTML progress

---

💡 Aide pour "simuler un long chargement du fichier"

• Il est conseillé d'utiliser Firefox pour éviter les problèmes de restriction CORS
• Dans la section "Réseau" ou "Network" de Firefox, cliquez sur "Désactiver le cache"
• Toujours dans la section "Réseau" ou "Network" de Firefox, choisissez une limitation de bande passante "Regular 3G"