Latest web development tutorials

el uso de JSON

El texto JSON se convierte en objetos JavaScript

Uno de el uso más común de JSON, se lee de los datos JSON del servidor web (como un archivo o como un HttpRequest), los datos JSON en objetos JavaScript, y luego usar esos datos en una página Web.

Para hacerlo más fácil para que usted explique, utilizamos cadena como entrada para la presentación (en lugar de un archivo).


JSON ejemplo - el objeto de la cadena

Crear una cadena de JavaScript que contiene la sintaxis JSON:

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

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

función eval () utiliza JavaScript compilador puede analizar el texto JSON, y luego generar objetos JavaScript. El texto debe ir entre paréntesis, con el fin de evitar errores de sintaxis:

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

El uso de objetos de JavaScript en la página:

Ejemplos

<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>

Trate »

analizador JSON

lámpara función eval () puede compilar y ejecutar el código JavaScript. Esto esconde un problema de seguridad potencial.

El uso de JSON analizador para convertir objeto JSON JavaScript es un enfoque más seguro. JSON JSON texto analizador sólo reconoce, pero no se puede compilar la secuencia de comandos.

En el navegador, que proporciona apoyo JSON nativo, analizadores JSON y más rápido.

Los nuevos navegadores y el último estándar ECMAScript (JavaScript) contiene soporte nativo para JSON es.

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

Trate »

Para los navegadores más antiguos pueden utilizar bibliotecas de JavaScript: https://github.com/douglascrockford/JSON-js

formato JSON se desarrolló originalmente especificado originalmente por Douglas Crockford