JSON es un formato para el almacenamiento y el transporte de datos.
JSON se utiliza a menudo cuando se envían datos desde un servidor a una página web.
¿Qué es JSON?
- JSON es sinónimo de JavaScript Object Notation
- JSON es un formato de intercambio de datos ligera
- JSON es independiente del lenguaje *
- JSON es "auto-descripción" y fácil de entender
* La sintaxis JSON se deriva de sintaxis de notación de objetos JavaScript, pero el formato JSON es sólo texto. Código para la lectura y la generación de datos JSON se puede escribir en cualquier lenguaje de programación.
Ejemplo de JSON
Esta sintaxis JSON define un objeto empleados: una matriz de 3 registros de empleados (objetos):
Ejemplo de JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
El formato JSON se evalúa como objetos de JavaScript
El formato JSON es sintácticamente idéntico al código para la creación de objetos de JavaScript.
Debido a esta similitud, un programa JavaScript puede convertir fácilmente los datos JSON en objetos JavaScript nativos.
Reglas de sintaxis JSON
- Datos se encuentran en pares de nombre / valor
- Datos están separados por comas
- Las llaves contienen objetos
- Los corchetes tienen matrices
Los datos JSON - Un nombre y un valor
los datos JSON se escribe como pares de nombre / valor, al igual que las propiedades de objetos de JavaScript.
Un par nombre / valor consiste en un nombre de campo (entre comillas), seguido de dos puntos, seguido por un valor:
"firstName":"John"nombres JSON requieren comillas dobles. nombres de JavaScript no lo hacen.
Objetos JSON
objetos JSON se escriben dentro de llaves.
Al igual que en JavaScript, los objetos pueden contener varios pares de nombre / valor:
{"firstName":"John", "lastName":"Doe"}
JSON matrices
arrays JSON se escriben entre corchetes.
Al igual que en JavaScript, un array puede contener objetos:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]En el ejemplo anterior, el objeto "employees" es una matriz. Contiene tres objetos.
Cada objeto es un registro de una persona (con un nombre y un apellido).
La conversión de un texto JSON a un objeto de JavaScript
Un uso común de JSON es para leer datos desde un servidor web, y mostrar los datos en una página web.
Para simplificar, esto puede demostrarse mediante una cadena como entrada (o más en nuestro tutorial JSON ):
En primer lugar, crear una cadena de JavaScript que contiene la sintaxis JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';A continuación, utilice la función de JavaScript incorporado JSON.parse() para convertir la cadena en un objeto JavaScript:
var obj = JSON.parse(text);Por último, utilizar el nuevo objeto JavaScript en su página:
Ejemplo
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Inténtalo tú mismo " Puede leer más sobre JSON en nuestro tutorial JSON .