Tema 4: Introducción a JSON
Sumario
1. Introducción. ¿Qué es JSON?...........................................................................................................2
2. Ventajas de JSON.............................................................................................................................2
3. Comparativa XML vs JSON.............................................................................................................2
4. Usos de XML y JSON...................................................................................................................... 3
5. Sintaxis básica de JSON................................................................................................................... 3
6. Tipos de datos JSON........................................................................................................................ 3
1. Introducción. ¿Qué es JSON?
JSON (JavaScript Object Notation) es un formato ligero para el intercambio de
datos. Fue propuesto por Douglas Crockford y está basado en un subconjunto de la
sintaxis de JavaScript, concretamente en los literales de objetos y arrays.
AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML),
es una técnica de desarrollo web para crear aplicaciones web asíncronas.
Las aplicaciones se ejecutan en el cliente, (el navegador) mientras se mantiene la
comunicación asíncrona con el servidor en segundo plano, con el objeto de interactuar con
el servidor sin necesidad de recargar la página web, mejorando la interactividad, velocidad
y usabilidad en las aplicaciones.
El aspecto principal de AJAX es el intercambio de datos, que aunque se pueden
recuperar datos en formatos no estandarizados, es mejor utilizar formatos estándar como
XML.
JSON es otro formato de datos caracterizado por ser ligero y rápido
2. Ventajas de JSON
Con la creciente popularidad de los servicios Web, XML se ha convertido en el
estándar para transmisión de datos.
Inconveniente: se necesita transmitir a través de Internet muchos más bytes de
información para realizar una tarea que se podría llevar a cabo con un flujo de
información mucho más pequeño.
Douglas Crockford, un experimentado ingeniero software, propuso un nuevo
formato de datos construido sobre JavaScript llamado JSON, JavaScript Object Notation
(notación de objetos JavaScript).
Las principales ventajas de JSON son:
• Ligero y rápido
• Fácil de leer y escribir
• Compatible con JavaScript
• Ideal para aplicaciones web modernas, móviles y APIs REST
3. Comparativa XML vs JSON
Característica XML JSON
Año de aparición 1998 (W3C) 2001 (Douglas Crockford)
Estructura Basada en etiquetas Basada en pares clave : valor y listas []
<etiqueta>...</etiqueta>
Legibilidad Más verboso, menos legible a simple Más simple, fácil de leer y escribir
vista
Validación DTD, XML Schema JSON Schema (existe, pero se usa poco)
Comentarios Sí (`<!-- comentario -->`) No soportados oficialmente
Soporte de tipos Todo es texto, requiere validación Tipos nativos: número, string, booleano, null,
externa para tipos arrays, objetos
Espacios de nombres Sí (namespaces para evitar No tiene namespaces, clave única por nivel
conflictos)
Tamaño del documento Más pesado (mucho marcado con Más ligero (menos sintaxis redundante)
etiquetas)
Uso típico Documentos estructurados, facturas APIs REST, aplicaciones web y móviles,
electrónicas, banca, estándares intercambio rápido de datos
4. Usos de XML y JSON
¿Cuándo usar XML? ¿Cuándo usar JSON?
• Validación estricta con DTD/XSD • Aplicaciones web modernas y APIs
• Documentos complejos REST
• Entornos estándar • Legibilidad y simplicidad
• Semántica rica con atributos y • Microservicios y apps móviles
namespaces • Menor necesidad de validación
5. Sintaxis básica de JSON
Veamos un ejemplo que representa los dato de una persona en ambos formatos:
Formato XML Formato JSON
<?xml version="1.0" encoding="UTF-8" ?> {
<persona> "nombre": "Marta",
<nombre>Marta</nombre> "apellidos": "Sancho Lopez",
<apellidos>Sancho Lopez</apellidos> "edad": 35,
<edad>35</edad> "direccion": {
<direccion> "calle_y_num": "Portes, nº3",
<calle_y_num>Portes, nº3</calle_y_num> "ciudad": "Valencia",
<ciudad>Valencia</ciudad> "codigo_postal": "43005",
<codigo_postal>46005</codigo_postal> "pais": "España",
<pais>España</pais> },
</direccion> "telefono": [
<telefono> {
<tipo>fijo</tipo> "tipo": "fijo",
<numero>963333333</numero> "numero": "963333333"
</telefono> },
<telefono> {
<tipo>móvil</tipo> "tipo": "móvil",
<numero>00346111111</numero> "numero": "00346111111"
</telefono> }
</persona> ]
}
En JSON un elemento de datos (unidad básica de intercambio de información u
objeto JSON) queda delimitado por llaves { … }. En el ejemplo las llaves externas
delimitarían los datos de una persona.
Un elemento de datos JSON contiene pares de elementos "nombre": "valor" con la
peculiaridad de que valor puede ser :
• Cadenas
• Números
• booleanos
• Arrays
• Objetos
6. Tipos de datos JSON
• String: Se representan entre comillas dobles. Secuencias de escape: \" \\ \/ \b \f \n
\r \t \uXXXX. Una cadena JSON se forma de forma similar a como se forma en
muchos lenguajes de programación. Determinados caracteres han de usar una
secuencia de escape.
• Número: pueden ser enteros, decimales o notación científica
• Booleano: su valor es true o false (sin comillas)
• null: representa ausencia de valor
• Array: Lista ordenada entre corchetes
• Objeto: Pares clave-valor entre llaves
Veamos algunos ejemplos de tipos de datos:
Tipo de Dato Descripción Ejemplo
String Cadena de texto entre comillas dobles. Puede "nombre": "María Jesús"
contener caracteres Unicode y secuencias de
escape.
Número Valores numéricos enteros o decimales. Se "edad": 35
permite notación científica. "altura": 1.72
"distancia": 3.5e+2
Booleano Valores lógicos: true o false. No van entre "soltero": true
comillas.
null Representa ausencia de valor. Se escribe como "segundo_apellido": null
null sin comillas.
Array Lista ordenada de valores entre corchetes. Puede "pasatiempos": ["comics", "baloncesto", "gaming"]
contener cualquier tipo de dato.
Objeto Conjunto de pares clave-valor entre llaves. Los "direccion": {
valores pueden ser de cualquier tipo. "calle": "Avenida Soleares",
"numero": 44,
"pais": "Chile"
}