Différences

Ci-dessous, les différences entre deux révisions de la page.

--- slam:donneestructurees:le_format_json_3 [2025/01/09 13:09] – dthevenot
+++ slam:donneestructurees:le_format_json_3 [2025/01/24 09:07] (Version actuelle) – [Exercice 3 : Structurer un JSON par rapport à un problème] dthevenot
@@ Ligne 2: / Ligne 2: @@
 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.
+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).
-{{:promo_2025:slam:jsonexo1.png?400|}}
+{{ :promo_2025:slam:jsonexo1.png?400 |}}
 ====== Exercice 2 ======
@@ Ligne 15: / Ligne 15: @@
   - 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 ======
+  * 1- Créez un fichier JSON simple contenant votre nom, votre prénom et votre adresse.
+  * 2- Faites fonctionner, testez et analysez le code JavaScript ci-après, expliquer ce qu'il fait.
+<code>
+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));
+};
+}
+</code>
+  * 3- En complétant la fonction query() //-"QUERY YOUR JSON HERE TO BUILD YOUR RESULT"-// ci-avant, affichez dans la page HTML suivante votre prénom, suivi de votre nom et de votre age entre parenthèse.
+<code>
+<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>
+</code>
+====== Exercice 4 : Structurer un JSON par rapport à un problème ======
+Vous devez réaliser un fichier JSON permettant de faire figurer les informations suivantes :
+  * Un message possède un objet, un destinataire, un expéditeur, une date, et un contenu.
+  * Le fichier à décrire dans cet exercice contient des messages.
+  * Il existe des catégories de messages, qui peuvent être ajoutées, éditées ou supprimées, sachant qu'un message peut appartenir à une ou plusieurs catégories.
+  * Un contenu de message peut être important, normal, ou peu important.