JSON Uso

Convertir texto JSON a un objeto JavaScript

Uno de los usos más comunes de JSON es leer datos JSON desde un servidor web (como archivo o como HttpRequest), convertir los datos JSON en un objeto JavaScript y luego usar esos datos en una página web.

Para explicarlo de manera más sencilla, usamos una cadena como entrada para demostrarlo (en lugar de un archivo).

Ejemplo JSON - Objeto desde una cadena

Crear una cadena de JavaScript que contenga sintaxis JSON:

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

Dado que la sintaxis JSON es un subconjunto de la sintaxis de JavaScript, la función eval() de JavaScript se puede utilizar para convertir texto JSON en un objeto JavaScript.

La función eval() utiliza el compilador de JavaScript, puede analizar texto JSON y luego generar un objeto JavaScript. El texto debe estar encerrado entre paréntesis para evitar errores de sintaxis:

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

Usar el objeto JavaScript en la página web:

Ejemplo

var txt = '{ "sites" : [' + '{ "name":"Tutorial para principiantes" , "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

Pruébalo »

Analizador JSON

lampLa función eval() puede compilar y ejecutar cualquier código JavaScript. Esto oculta un posible problema de seguridad.

Usar un analizador JSON para convertir JSON en un objeto JavaScript es una práctica más segura. El analizador JSON solo reconoce texto JSON y no compila scripts.

En el navegador, esto proporciona soporte JSON nativo, y el analizador JSON es más rápido.

Tanto los navegadores más nuevos como el estándar más reciente de ECMAScript (JavaScript) incluyen soporte nativo para JSON.

Soporte de navegadores web Soporte de software web
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

Pruébalo »

Para navegadores más antiguos, se puede usar una biblioteca de JavaScript: https://github.com/douglascrockford/JSON-js

El formato JSON fue originalmente originally specified by Douglas Crockford

Otras extensiones