JSON est un format pour le stockage et le transport de données.
JSON est souvent utilisé lorsque des données sont envoyées depuis un serveur vers une page Web.
Qu'est-ce que JSON?
- JSON signifie JavaScript Object Notation
- JSON est le format d'échange de données léger
- JSON est indépendant du langage *
- JSON est "auto-description" et facile à comprendre
* La syntaxe JSON est dérivée de la syntaxe de notation objet JavaScript, mais le format JSON est un texte seulement. Code pour la lecture et la génération de données JSON peut être écrit dans un langage de programmation.
JSON Exemple
Cette syntaxe de JSON définit un objet employés: un tableau de 3 dossiers des employés (objets):
JSON Exemple
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Le JSON Format Évalue à JavaScript Objets
Le format JSON est syntaxiquement identique au code pour créer des objets JavaScript.
En raison de cette similitude, un programme JavaScript peut facilement convertir les données JSON en objets JavaScript natifs.
Règles de syntaxe JSON
- Les données sont dans / paires de valeurs de nom
- Les données sont séparées par des virgules
- Les accolades détiennent des objets
- Les crochets détiennent des tableaux
JSON données - Un nom et une valeur
les données JSON est écrit sous forme de paires nom / valeur, tout comme propriétés des objets JavaScript.
Une paire nom / valeur se compose d'un nom de domaine (entre guillemets), suivi de deux points, suivi d'une valeur:
"firstName":"John"Les noms JSON nécessitent des guillemets doubles. noms JavaScript ne le font pas.
JSON objets
objets JSON sont écrits entre accolades.
Tout comme en JavaScript, les objets peuvent contenir plusieurs paires nom / valeur:
{"firstName":"John", "lastName":"Doe"}
JSON Arrays
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 "employees" est un tableau. Il contient trois objets.
Chaque objet est un dossier d'une personne (avec un prénom et un nom de famille).
Conversion d'un texte JSON à un objet JavaScript
Une utilisation courante de JSON est de lire les données à partir d'un serveur Web, et afficher les données dans une page Web.
Pour simplifier, cela peut être démontré à l' aide d' une chaîne en entrée (ou lire la suite dans notre tutoriel de JSON ):
Tout d'abord, 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 le JavaScript intégré dans la fonction JSON.parse() pour convertir la chaîne en un objet JavaScript:
var obj = JSON.parse(text);Enfin, utiliser 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>
Essayez - le vous - même » Vous pouvez en savoir plus sur JSON dans notre tutoriel de JSON .