Latest web development tutorials

utilisation JSON

Le texte JSON est converti en objets JavaScript

Un de l'utilisation la plus courante de JSON, est lu à partir des données JSON du serveur Web (comme un fichier ou un HttpRequest), les données JSON en objets JavaScript, puis utiliser ces données dans une page Web.

Pour le rendre plus facile pour vous d'expliquer, nous utilisons chaîne en entrée pour la présentation (plutôt que d'un fichier).


JSON instance - l'objet de la chaîne

Créer une chaîne JavaScript contenant la syntaxe JSON:

var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Depuis la syntaxe JSON est un sous-ensemble de la syntaxe JavaScript, la fonction JavaScript eval () peut être utilisé pour convertir le texte en objet JSON JavaScript.

fonction eval () utilise le compilateur JavaScript peut analyser le texte JSON, puis générer des objets JavaScript. Le texte doit être placé entre parenthèses, de façon à éviter les erreurs de syntaxe:

var obj = eval ("(" + txt + ")");

Utilisation d'objets JavaScript dans la page:

Exemples

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>

<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

Essayez »

JSON parser

lampe fonction eval () peut compiler et exécuter le code JavaScript. Ce cache un problème de sécurité potentiel.

Utilisation de JSON analyseur pour convertir l'objet JSON JavaScript est une approche plus sûre. JSON JSON analyseur de texte ne reconnaît, mais ne compile pas le script.

Dans le navigateur, qui fournit un support de JSON natif, parseurs JSON et plus rapide.

Les navigateurs récents et la dernière ECMAScript (JavaScript) standard contient un support natif pour JSON est.

Web 浏览器支持 Web 软件支持
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

Essayez »

Pour les navigateurs plus anciens peuvent utiliser les bibliothèques JavaScript: https://github.com/douglascrockford/JSON-js

format JSON a été initialement développé à l' origine spécifié par Douglas Crockford