JavascriptJSON _
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 à une page Web.
Qu'est-ce que JSON ?
- JSON signifie Java Script Object Notation _ _ _
- JSON est un format d'échange de données léger
- JSON est indépendant de la langue *
- 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 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.
Exemple JSON
Cette syntaxe JSON définit un objet Employés : un tableau de 3 enregistrements d'employés (objets) :
Exemple JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Le format JSON est évalué en objets 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.
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
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 :
let 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 :
const 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>
Vous pouvez en savoir plus sur JSON dans notre tutoriel JSON .