JSON est un format de stockage et de transport de données.
JSON est souvent utilisé lorsque des données sont envoyées d'un serveur vers un site Web. page.
JSON signifie JavaScript Object Notation
JSON est un format léger d'échange de données
JSON est indépendant du langage *
JSON est « auto-descriptif » et facile à comprendre
* La syntaxe JSON est dérivée de la syntaxe de notation d'objet JavaScript, mais le format JSON est uniquement constitué de texte. Le code pour lire et générer des données JSON peut être écrit dans n'importe quelle programmation langue.
Cette syntaxe JSON 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"}
]
}Le format JSON est syntaxiquement identique au code de création Objets JavaScript.
En raison de cette similitude, un programme JavaScript peut facilement convertir les données JSON en données natives Objets JavaScript.
Les données sont dans des paires nom/valeur
Les données sont séparées par des virgules
Les accolades retiennent les objets
Les crochets contiennent des tableaux
Les données JSON sont écrites sous forme de paires nom/valeur, tout comme les objets JavaScript propriétés.
Une paire nom/valeur est constituée 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.
Les objets JSON sont écrits entre accolades.
Tout comme en JavaScript, les objets peuvent contenir plusieurs paires nom/valeur :
{"firstName":"John", "lastName":"Doe"}Les tableaux JSON sont écrits entre crochets.
Tout 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).
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.
Tout d'abord, créez une chaîne JavaScript contenant la syntaxe JSON :
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';Ensuite, utilisez la fonction JavaScript intégrée JSON.parse() pour convertir la chaîne en un objet JavaScript :
const obj = JSON.parse(text);Enfin, utilisez le nouvel objet JavaScript dans votre page :
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>Essayez-le vous-même →
<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p id="demo"></p>
<script>
let text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
const obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
</body>
</html>
Vous pouvez en savoir plus sur JSON dans notre didacticiel JSON.