JSON Utilisation

Convertir du texte JSON en un objet JavaScript

L'une des utilisations les plus courantes de JSON consiste à lire des données JSON depuis un serveur web (sous forme de fichier ou de requête HTTP), à convertir les données JSON en un objet JavaScript, puis à utiliser ces données dans une page web.

Pour l'expliquer plus simplement, nous utilisons une chaîne comme entrée pour la démonstration (au lieu d'un fichier).

Exemple JSON - Objet à partir d'une chaîne

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

var txt = '{ "sites" : [' + '{ "name":"Example Tutorial" , "url":"www.example.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"Weibo" , "url":"www.weibo.com" ]}';

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

La fonction eval() utilise le compilateur JavaScript, qui peut analyser du texte JSON puis générer un objet JavaScript. Le texte doit être entouré de parenthèses pour éviter les erreurs de syntaxe :

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

Utilisez l'objet JavaScript dans une page web :

Exemple

var txt = '{ "sites" : [' + '{ "name":"Example Tutorial" , "url":"www.example.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"Weibo" , "url":"www.weibo.com" ]}'; var obj = eval ("(" + txt + ")"); document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url

Essayez-le vous-même »

Analyseur JSON

lampLa fonction eval() peut compiler et exécuter n'importe quel code JavaScript. Cela masque un problème de sécurité potentiel.

Utiliser un analyseur JSON pour convertir du JSON en objet JavaScript est une pratique plus sûre. Un analyseur JSON ne reconnaît que le texte JSON et ne compile pas de scripts.

Dans les navigateurs, cela fournit une prise en charge native de JSON, et les analyseurs JSON sont plus rapides.

Les navigateurs plus récents et la dernière norme ECMAScript (JavaScript) incluent une prise en charge native de JSON.

Prise en charge des navigateurs web Prise en charge des logiciels web
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

Essayez-le vous-même »

Pour les navigateurs plus anciens, vous pouvez utiliser une bibliothèque JavaScript : https://github.com/douglascrockford/JSON-js

Le format JSON a été à l'origine spécifié à l'origine par Douglas Crockford

Autres extensions