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 plus de simplicité, ceci peut être démontrée à l'aide d'une chaîne en entrée (au lieu d'un fichier).
JSON Exemple - Objet De Chaîne
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" } ]}';syntaxe JSON est un sous-ensemble de la syntaxe JavaScript.
La fonction JavaScript JSON.parse( text ) peut être utilisé pour convertir un texte JSON dans un objet JavaScript:
var obj = JSON.parse(text);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> Essayez - le vous - même » Utilisation de eval()
Les navigateurs plus anciens sans le soutien de la fonction JavaScript JSON.parse() peuvent utiliser le eval() fonction pour convertir un texte JSON dans un objet JavaScript:
Le eval() fonction peut compiler et exécuter toute JavaScript.
Cela représente un problème de sécurité potentiel. Essayez d'éviter.
Il est plus sûr d'utiliser un analyseur de JSON pour convertir un texte JSON à un objet JavaScript.
Un analyseur de JSON ne reconnaît qu'un texte JSON et ne compilera pas les scripts.
Dans les navigateurs qui fournissent un soutien de JSON native, parseurs JSON sont également plus rapides.
support de JSON natif est inclus dans tous les principaux navigateurs et dans le dernier ECMAScript (JavaScript) norme:
| Navigateurs Web de soutien |
|---|
|
Pour les navigateurs plus anciens, une bibliothèque JavaScript est disponible à https://github.com/douglascrockford/JSON-js .
Le format JSON a été spécifié par Douglas Crockford .