¿Qué es JSON?
JSON significa J ava Script O bject N otation
JSON es un formato ligero para almacenar y transportar datos
JSON se usa a menudo cuando los datos se envían desde un servidor a una página web
JSON es "autodescriptivo" y fácil de entender
Ejemplo JSON
Este ejemplo define un objeto de empleados: una matriz de 3 registros de empleados (objetos):
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Reglas de sintaxis JSON
- Los datos están en pares de nombre/valor
- Los datos están separados por comas
- Las llaves sostienen objetos
- Los corchetes contienen matrices
Notación de objetos de JavaScript
El formato JSON es sintácticamente idéntico al código para crear objetos JavaScript.
Debido a esta similitud, un programa JavaScript puede convertir fácilmente datos JSON en objetos JavaScript nativos.
La sintaxis JSON se deriva de la sintaxis de notación de objetos de JavaScript, pero el formato JSON es solo texto. El código para leer y generar datos JSON se puede escribir en cualquier lenguaje de programación.
Datos JSON: un nombre y un valor
Los datos JSON se escriben como pares de nombre/valor, al igual que las propiedades de objeto de JavaScript.
Un par de nombre/valor consta de un nombre de campo (entre comillas dobles), seguido de dos puntos, seguido de un valor:
"firstName":"John"
Los nombres JSON requieren comillas dobles. Los nombres de JavaScript no.
Objetos JSON
Los objetos JSON se escriben entre llaves.
Al igual que en JavaScript, los objetos pueden contener varios pares de nombre/valor:
{"firstName":"John", "lastName":"Doe"}
Matrices JSON
Las matrices JSON se escriben entre corchetes.
Al igual que en JavaScript, una matriz puede contener objetos:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
En el ejemplo anterior, el objeto "empleados" es una matriz. Contiene tres objetos.
Cada objeto es un registro de una persona (con un nombre y un apellido).
Convertir un texto JSON en un objeto JavaScript
Un uso común de JSON es leer datos de un servidor web y mostrar los datos en una página web.
Para simplificar, esto se puede demostrar usando una cadena como entrada.
Primero, cree una cadena JavaScript que contenga la sintaxis JSON:
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Luego, use la función integrada de JavaScript JSON.parse() para convertir la cadena en un objeto de JavaScript:
var obj = JSON.parse(text);
Finalmente, use 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>
Tutorial completo de JSON
Esta ha sido una breve descripción de JSON.
Para obtener un tutorial completo de JSON, vaya a Tutorial de JSON de W3Schools .