Table des matières

Exercice 1

Le fichier JSON ci-dessous est incomplet, seules des données y figurent et il manque toute la syntaxe permettant d'en faire une structure cohérente et bien formée.

Ajoutez les séparateurs et les éléments de structuration nécessaires pour obtenir un fichier JSON valide, et pertinent par rapport aux informations qu'il contient(tester sur machine).

Exercice 2

L'objectif est d'écrire un fichier JSON qui est une représentation objet simplifiée d'un cours et de ses élèves.

  1. Commencez par créer la racine du fichier JSON.
  2. Ajoutez les attributs suivants dans la racine du JSON :
    1. cours, de type string.
    2. semestre, de type string.
    3. annee, de type number.
    4. etudiants, de type tableau.
  3. Ajoutez des objets étudiants dans le tableau “etudiants”
    • chaque objet étudiant possède deux attributs à sa racine : l'attribut nom (string) et l'attribut prenom ( string)

Exercice 3 : Requêter un fichier JSON en JavaScript

function query() {
// File	
var vFile = document.getElementById("myfile").files[0];
// Reader
var vReader = new FileReader();
vReader.readAsText(vFile);
vReader.onload = function(pEvent) {
    // String Input
    var vContent = pEvent.target.result;   
    // JSON to object
    var vJson = JSON.parse(vContent);    
    // Query
    var vResult = "QUERY YOUR JSON HERE TO BUILD YOUR RESULT"
    // Output
    document.getElementById("mydiv").appendChild(document.createTextNode(vResult));
};
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Démo JSON/JavaScript</title>
<script type="text/javascript" src="query.js"></script>
</head>
<body>
<input type="file" id="myfile" onchange="query()"/>
<div id="mydiv"/>
</body>
</html>

Exercice 4 : Structurer un JSON par rapport à un problème

Vous devez réaliser un fichier JSON permettant de faire figurer les informations suivantes :