« JSON » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 52 : Ligne 52 :
<source lang="JavaScript">
<source lang="JavaScript">
  {
  {
   "myKey": "myValue",
   "myKey": "myValue"
  "myKey2" : "myValue2"
  }
  }
</source>
</source>


On peut associer aux clés des objets les types de données suivants :
Si vous avez plusieurs associations clés-valeurs, il faudra les séparer avec une virgule après la valeur :
 
<source lang="JavaScript">
{
  "firstKey" : "firstValue",
  "secondKey" : "secondValue",
  "thirdKey" : "thirdValue"
}
</source>
 
Pour être précis, la dernière association clé-valeur ne doit pas avoir une virgule à la fin, mais souvent les choses marchent même si vous la mettez.
 
Les types de valeurs acceptés sont les suivants :


* Des suites de caractères (i.e. String)
* Des suites de caractères (i.e. String)
Ligne 63 : Ligne 74 :
* Des objects (i.e des "sous-associations" clé-valeur)
* Des objects (i.e des "sous-associations" clé-valeur)
* Des listes d'éléments (i.e. Array)
* Des listes d'éléments (i.e. Array)
=== Suite de caractères ===
L'association avec une donnée de type String se fait tout simplement en utilisant les doubles guillemets autour du texte :
<source lang="JavaScript">
  {
    "course" : "STIC I"
  }
</source>

Version du 24 février 2017 à 15:02

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Mattia A. Fritz (discussion) 23 février 2017 à 16:33 (CET)

Introduction

JSON, acronyme de JavaScript Object Notation, est un format d’échange de données utilisé surtout dans le web, où ce format est en train de remplacer XML (qui reste néanmoins prépondérant, surtout dans les milieux pédagogiques). Par rapport à XML, JSON se caractérise par un format plus léger, qui ne prévoit pas des balises, mais exclusivement des associations clé-valeur similaire aux objets JavaScript (voir Tutoriel JavaScript de base). Voici de suite un exemple le contenu d'un fichier JSON :

 {
   "page" : "JSON sur EduTechWiki",
   "url" : "http://edutechwiki.unige.ch/fr/JSON",
   "info" : {
     "createdAt" : "2017-02-23",
     "createdBy" : "MAF",
     "isPublic" : true,
     "numberOfClick" : 100,
     "responseTime" : 0.567
   }
 }

JSON est également une extension de fichier .json qui est définit par un MIME type application/json.

Les avantages de JSON concerne :

  • Pas d'entête nécessaire (à discuter si c'est vraiment un avantage...)
  • La facilité de lecture pour les personnes (i.e. human-readable format)
  • La facilité de parsing par les machines
  • À égalité de contenu, les fichiers JSON sont plus léger et comportent moins de caractères qu'un document XML
  • Si utilisé avec JavaScript, les contenus des fichiers .json est incorporé directement en tant qu'objet, donc on peut par la suite accéder aux différents valeurs à travers la notation par point.
    • jsonFileContent.page --> "JSON sur EduTechWiki"
    • jsonFileContent.info.numberOfClick --> 100

Par contre, comparé à XML, JSON ne propose pas la possibilité de définir des attributs, si ce n'est à travers des "sous-clés" dans un même objet, par exemple :

  {
    "link" : {
      "label" : "Please visit EduTechWiki",
      "href" : "http://edutechwiki.unige.ch/",
    }
  }

Anatomie d'un fichier JSON

Un fichier JSON respecte la notation clé-valeur d'un objet JavaScript avec deux différences fondamentales :

  1. On peut utiliser exclusivement des doubles guillemets "..." et non pas '...'
  2. Même les clés doivent utiliser les doubles guillemets
 {
   "myKey": "myValue"
 }

Si vous avez plusieurs associations clés-valeurs, il faudra les séparer avec une virgule après la valeur :

{
  "firstKey" : "firstValue",
  "secondKey" : "secondValue",
  "thirdKey" : "thirdValue"
}

Pour être précis, la dernière association clé-valeur ne doit pas avoir une virgule à la fin, mais souvent les choses marchent même si vous la mettez.

Les types de valeurs acceptés sont les suivants :

  • Des suites de caractères (i.e. String)
  • Des chiffres entiers ou décimal (i.e. Number)
  • Des objects (i.e des "sous-associations" clé-valeur)
  • Des listes d'éléments (i.e. Array)

Suite de caractères

L'association avec une donnée de type String se fait tout simplement en utilisant les doubles guillemets autour du texte :

  {
    "course" : "STIC I"
  }