¿Qué es JSON? Visión general de un laico

Ya sea que planee ser un desarrollador web o no, es una buena idea saber por lo menos qué es JSON, por qué es importante y por qué se usa en toda la Web.

Ya sea que planee ser un desarrollador web o no, es una buena idea saber por lo menos qué es JSON, por qué es importante y por qué se usa en toda la Web.
Anuncio

¿Estás atrapado con las últimas tecnologías web? Conocimiento de HTML no solo para desarrolladores: 7 etiquetas HTML que cualquier escritor debe saber no solo para desarrolladores: 7 etiquetas HTML Cualquier escritor debe saber Para ser comercializable y flexible en línea, solo tiene que saber cómo formatear un artículo HTML completo, o cómo modificar cosas. Leer más es bastante esencial si desea ir más allá de simples actividades web como navegar y publicar en foros. Luego hay más temas avanzados, como CSS (más información aquí 5 pasos de bebé para aprender CSS y convertirse en un hechicero de CSS Kick-Ass 5 pasos de bebé para aprender CSS y convertirse en un hechicero de CSS Kick-Ass CSS es el cambio más importante que las páginas web tienen visto en la última década, y allanó el camino para la separación de estilo y contenido. En la forma moderna, XHTML define la estructura semántica ... Leer más), AJAX (aprenda más aquí Tutorial jQuery (Parte 5): AJAX Ellos Todos! JQuery Tutorial (Parte 5): AJAX Them All! A medida que nos acercamos al final de nuestra serie de mini-tutoriales jQuery, ya es hora de que examinemos en profundidad una de las funciones más utilizadas de jQuery. AJAX permite sitio web para comunicarse con ... Leer más), y JSON.

Ya sea que planee ser un desarrollador web o no, es una buena idea saber por lo menos qué es JSON, por qué es importante y por qué se usa en la Web hoy en día.

¿Qué es JSON?

what-is-json-intro

JSON significa Notación de Objeto JavaScript . Es un formato estándar abierto que permite que los datos se transfieran a través de la web mediante el uso de pares de atributos y valores . Eso puede sonar un poco confuso, así que profundicemos en eso un poco más.

Digamos que tengo un globo y quieres mi globo. Una forma de hacerlo sería empacar el globo y enviárselo por correo. Pero un método alternativo sería describirte los atributos de mi globo, lo que te permitiría recrear el mismo globo exacto sin tener que enviar realmente el globo físico.

Mi globo podría tener un atributo material de valor caucho . Puede tener un atributo de color de color rojo . Puede tener un atributo de diámetro de diez pulgadas . Puede tener un atributo de gas de valor helio . Esos cuatro pares de valores de atributos son suficientes para que visualices mi globo, ¿verdad?

Así es más o menos cómo funciona JSON cuando transmite datos a través de Internet.

¿Qué tan bueno es JSON?

qué-es-diagrama-json

JSON no fue el primero en utilizar pares de atributos y valores como una forma de transferir datos a través de Internet. El experto en tecnología entre ustedes podría notar que suena mucho como XML. Bueno, resulta que JSON y XML realizan muchas de las mismas tareas. Entonces, ¿por qué elegir JSON sobre XML?

En la web de hoy, la carga asincrónica de datos es importante. En otras palabras, las páginas web quieren poder cargar datos nuevos sin tener que actualizar toda la página para obtenerlos. Esto da como resultado una experiencia de navegación más suave y más favorable. JSON es ideal para enviar y recibir datos asincrónicos porque es simple y fácil de usar.

¡Pero XML hace lo mismo! Entonces, ¿por qué algunas personas prefieren JSON?

Una respuesta a esa pregunta se puede encontrar en el nombre de JSON: JavaScript Object Notation . Es reconocido nativamente por JavaScript, que es uno de los idiomas más populares en el mundo. Como JSON es un subconjunto de JavaScript, hay muy poco aprendizaje adicional que debes hacer una vez que conoces JavaScript.

Otra razón es que JSON es más legible que XML. Claro, es fácil acostumbrarse a XML cuando lo has usado por un tiempo, pero echar un vistazo a un archivo XML puede ser abrumador con todas sus etiquetas y verborrea. JSON es más limpio, más fácil de entender para los principiantes y bastante flexible con sus tipos de datos básicos.

Vea lo que los creadores de JSON tienen que decir sobre esta comparación en su página JSON vs. XML.

¿A qué se parece JSON?

JSON es solo una serie de pares de atributos y valores que pueden anidarse dentro de ellos cuando es necesario. Por ejemplo, si nuestro objeto de datos fuera una persona, esa persona podría estar representada por los siguientes datos de JSON:

qué-es-json-json

Cada línea comienza con un atributo seguido de dos puntos, luego el valor de ese atributo. Ese valor también puede ser una matriz, como se ve con el atributo "phoneNumbers" arriba. El valor también puede ser una serie de más pares de valor de atributo, que puede ver en acción con el atributo "dirección". Esto se llama un objeto .

A modo de comparación, aquí están los mismos datos representados por XML:

what-is-json-xml

Conclusión

JSON es solo una forma de representar objetos de datos cuando los transmite por Internet. Es una alternativa al XML que es nativo de JavaScript, que es una de las razones por las que es tan popular y generalizado. El uso más común para JSON es extraer datos de los servidores web bajo demanda.

Es de esperar que ahora tenga una mejor comprensión de JSON y de cómo se usa en el desarrollo web. Para seguir aprendiendo, la página JSON en MDN es un gran lugar para comenzar.

Créditos de las imágenes: JSON Magnified Via Shutterstock

In this article