Qu'est-ce que JSON ?
JSON signifie Java Script Object Notation _ _ _
JSON est un format léger pour stocker et transporter des données
JSON est souvent utilisé lorsque des données sont envoyées d'un serveur à une page Web
JSON est "auto-descriptif" et facile à comprendre
Exemple JSON
Cet exemple définit un objet Employés : un tableau de 3 enregistrements d'employés (objets) :
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Règles de syntaxe JSON
- Les données sont dans des paires nom/valeur
- Les données sont séparées par des virgules
- Les accolades maintiennent des objets
- Les crochets contiennent des tableaux
Notation d'objet JavaScript
Le format JSON est syntaxiquement identique au code de création d'objets JavaScript.
En raison de cette similitude, un programme JavaScript peut facilement convertir des données JSON en objets JavaScript natifs.
La syntaxe JSON est dérivée de la syntaxe de notation d'objet JavaScript, mais le format JSON est uniquement du texte. Le code de lecture et de génération de données JSON peut être écrit dans n'importe quel langage de programmation.
Données JSON - Un nom et une valeur
Les données JSON sont écrites sous forme de paires nom/valeur, tout comme les propriétés d'objet JavaScript.
Une paire nom/valeur se compose d'un nom de champ (entre guillemets doubles), suivi de deux-points, suivi d'une valeur :
"firstName":"John"
Les noms JSON nécessitent des guillemets doubles. Les noms JavaScript ne le font pas.
Objets JSON
Les objets JSON sont écrits entre accolades.
Comme en JavaScript, les objets peuvent contenir plusieurs paires nom/valeur :
{"firstName":"John", "lastName":"Doe"}
Tableaux JSON
Les tableaux JSON sont écrits entre crochets.
Comme en JavaScript, un tableau peut contenir des objets :
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Dans l'exemple ci-dessus, l'objet "employés" est un tableau. Il contient trois objets.
Chaque objet est un enregistrement d'une personne (avec un prénom et un nom de famille).
Conversion d'un texte JSON en objet JavaScript
Une utilisation courante de JSON consiste à lire des données à partir d'un serveur Web et à afficher les données dans une page Web.
Pour plus de simplicité, cela peut être démontré en utilisant une chaîne comme entrée.
Commencez par créer une chaîne JavaScript contenant la syntaxe JSON :
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Ensuite, utilisez la fonction intégrée JavaScript JSON.parse() pour convertir la chaîne en objet JavaScript :
var obj = JSON.parse(text);
Enfin, utilisez le nouvel objet JavaScript dans votre page :
Exemple
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Tutoriel JSON complet
Ceci a été une courte description de JSON.
Pour un didacticiel JSON complet, accédez au didacticiel JSON W3Schools .