Programmation client, année 2018

Dans un répertoire regions_france télécharger le document json contenant toutes les villes des Hauts-De-France depuis le site de l’api et sauvegarder sous le nom haut_de_france.json.

Attention la correction est ici

Gestion des documents JSON en JavaScript

Les requêtes en ajax permettent d’ouvrir des documents distants directement dans le navigateur. Ce sont des outils précieux pour charger dynamiquement des ressources.

Créer un document index.html dans le répertoire regions_france ainsi qu’un document script.js, et crée une fonction JavaScript charge_ville qui charge le document haut_de_france.json sous forme d’une variable globale nommée villes.

Vous trouverez des exemples similaires ici.

Ouvrez region_france/index.html dans Firefox et vérifier en ouvrant la console que la variable villes existe et à la bonne valeur.

Afficher le résultat dans le DOM

Modifier la fonction charge_ville pour afficher les résultats dans le DOM sous la forme d’un tableau HTML. Faire en sorte de pouvoir afficher le tableau en le triant par population ou par ordre alphabétique.

Supprimer la variable globale villes de votre script. Il faut généralement éviter l’utilisation de variables globales.

Récupérer toutes les régions

Crée un script en Python dans le dossier regions_france qui télécharge la liste des régions, la sauvegarde en JSON dans un fichier regions.json et pour chaque régions de France télécharge la liste de ses villes et le sauvegarde dans un fichier nom_region.json.

Afficher le résultat dans le DOM

Modifier la fonction charge_ville pour qu’elle prenne en argument une chaîne de caractère contenant le nom de la région et faire en sorte que le fichier chargé et affiché corresponde.

Créer une fonction select_region qui:

• Charge le fichier regions.json,
• Crée un élément HTML <select> dont les options sont les régions,
• Charge la région correspondante quand l’option de l’élément select est modifiée.

Compiled the: dim. 07 janv. 2024 23:19:24 CET