{"id":7220,"date":"2014-09-18T07:58:00","date_gmt":"2014-09-18T05:58:00","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=7220"},"modified":"2014-09-18T11:04:34","modified_gmt":"2014-09-18T09:04:34","slug":"json-el-sistema-mas-popular-de-intercambio-de-datos","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/json-el-sistema-mas-popular-de-intercambio-de-datos\/","title":{"rendered":"JSON, el sistema m\u00e1s popular de intercambio de datos."},"content":{"rendered":"

JSON es un subconjunto de la notaci\u00f3n literal de objetos<\/strong> de JavaScript<\/strong> que no requiere el uso de XML<\/a>. Pronunciado \u201cIeison<\/strong>\u201d, JSON<\/strong> o notaci\u00f3n JSON, <\/strong>cuyo significado\u00a0en ingl\u00e9s es\u00a0<\/strong>(J<\/strong>avaS<\/strong>cript O<\/strong>bject N<\/strong>otation).<\/p>\n

Todas las grandes empresas lo emplean en sus comunicaciones. Permite ser integrado con diferentes lenguajes de programaci\u00f3n y plataformas.<\/p>\n

Durante mucho tiempo XML se convirti\u00f3 en el est\u00e1ndar de intercambio de datos. El problema era la gran \u00a0cantidad de datos que se emplean en los intercambios y flujos de peticiones de informaci\u00f3n entre diversos servicios.<\/strong><\/p>\n

Con el fin de agilizar la transmisi\u00f3n de datos, el flujo, se emplearon nuevas formas de compresi\u00f3n y formatos<\/strong>.
\nJSON es m\u00e1s “ligero”<\/strong> (v\u00e9ase\u00a0referencia\u00a0inferior), y peque\u00f1o a la hora de manejar datos, por eso es una alternativa a XML, es muy f\u00e1cil leer la informaci\u00f3n con \u00e9l<\/strong>.<\/p>\n

JSON es un formato de texto que hace f\u00e1cil la compartici\u00f3n de datos entre dispositivos cliente y servidor<\/strong>. Se basa en el funcionamiento de los objetos de JavaScript. Se encuentra\u00a0pr\u00e1cticamente disponible en todos los lenguajes de programaci\u00f3n existentes de forma nativa<\/strong>.<\/p>\n

JSON se emplea habitualmente en entornos donde:<\/p>\n

– El tama\u00f1o del flujo de datos entre cliente y servidor es de vital importancia<\/strong> (de aqu\u00ed su uso por Yahoo, Google, etc, que atienden a millones de usuarios)<\/p>\n

– Cuando la fuente de datos es expl\u00edcitamente de fiar<\/strong>.<\/p>\n

– Donde no es importante el no disponer de procesamiento<\/strong> similar a XSLT para manipular los datos en el cliente<\/strong>.<\/p>\n

Se podr\u00e1n crear objetos y usarlo en operaciones CRUD<\/strong><\/a>. Crear, Obtener, Actualizar, Borrar.<\/p>\n

CRUD<\/strong>, se emplea para referirnos en las funciones b\u00e1sicas en las bases de datos, o capa de persistencia en el software. En computaci\u00f3n CRUD<\/b> es el acr\u00f3nimo de Crear, Obtener, Actualizar y Borrar (del original en ingl\u00e9s: C<\/b>reate, R<\/b>ead, U<\/b>pdate and D<\/b>elete). Se usa para referirse a las funciones b\u00e1sicas en bases de datos.<\/p>\n

JSON<\/strong> permite manejar datos de forma minimalista, como si fuesen datos (no relacionales). JSON ha servido de inspiraci\u00f3n para las bases de datos no relacionales como MongoDB.<\/p>\n

Para usar JSON necesitar\u00e1s algunos conocimientos del desarrollo en l\u00ednea u on-line. \u00a0Cuando trabajemos con JSON podremos emplear un servidor para poder alojar nuestros archivos de prueba<\/strong>. Podremos trabajar mediante FTP o ejecutar un servidor en localhost.Para ello podemos instalar\u00a0MAMP o WAMP<\/strong> para realizar pruebas, por ejemplo, aunque existan muchos otros.<\/p>\n

Por lo tanto, JSON nace como una necesidad de crear un est\u00e1ndar para el intercambio de datos entre diversos lenguajes de programaci\u00f3n, que no ofrecen comunicaci\u00f3n entre ellos.<\/strong><\/p>\n

<\/p>\n

Est\u00e1 basado en un subconjunto de la sintaxis de JavaScript<\/strong>.
\nLa forma habitual el trabajar con datos almacenados en los servidores y acceder mediante enlaces.<\/p>\n

JSON no ha sido el \u00fanico mecanismo, existen otros como YAML, SO XML, OGDL, S Expresion, Plist<\/strong>,etc. Pero podr\u00edamos decir que junto con XML, los 2 m\u00e1s extendidos en la actualidad.<\/p>\n

Los archivos de JSON son m\u00e1s peque\u00f1os<\/strong>. Lo que programamos en 1 l\u00ednea en JSON, en XML necesitaremos m\u00e1s TAGS o etiquetas. JSON es m\u00e1s f\u00e1cil de leer, y es m\u00e1s compacto<\/strong>. Con un creciente protagonismo, dentro de todos los lenguajes.<\/p>\n

Emplea un formato de texto independiente del lenguaje<\/strong>, facilita la estructura de c\u00f3digo para los desarrolladores.\u00a0Frameworks, librer\u00edas, lenguajes, emplean JSON, sobre todo en su backend, en diversos sistemas operativos, y herramientas que empleamos en la actualidad.<\/p>\n

Con JSON podemos emplear 2 tipos de estructuras.<\/strong><\/p>\n

Colecci\u00f3n de pares<\/strong> nombre\/valor.
\nLista ordenada de valores<\/strong>.<\/p>\n

El formato de JSON se parece mucho a los objetos de Javascript. Las claves se escriben entre comillas dobles.
\nExiste una clave y un valor.<\/strong><\/p>\n

{\u201cMiNombre\u201d:\u201dOscar\u201d}\u00a0<\/strong> \/\/ Observa la notaci\u00f3n Camel o Camello<\/strong><\/p>\n

Pueden existir 6 tipos de datos:<\/strong><\/p>\n

Cadenas, objetos, n\u00fameros, matrices, booleanos, null.<\/p>\n

Los objetos JSON son m\u00e1s estrictos y no permiten omisiones como en Javascript.<\/p>\n

Sobre el Parsing<\/strong><\/p>\n

Para hacer un parsing en JSON o analizar la sintaxis, es decir, analizar el contenido y ubicarlo en las estructuras para ser procesado<\/strong>, identificando los s\u00edmbolos, la funci\u00f3n JSON.parse() es muy segura para realizar parseos<\/strong> pero no tan compatible con browser antiguos.<\/p>\n

La funci\u00f3n eval es m\u00e1s insegura para parsear pero m\u00e1s extendida.<\/p>\n

En la pr\u00e1ctica, las consideraciones de seguridad por lo general recomiendan no usar eval<\/i> <\/strong>sobre datos crudos y deber\u00eda usarse un analizador JavaScript distinto para garantizar la seguridad. El analizador proporcionado por JSON.org usa<\/p>\n

1
<\/div><\/td>
eval()<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

en su funci\u00f3n de an\u00e1lisis, protegi\u00e9ndola con una expresi\u00f3n regular de forma que la funci\u00f3n s\u00f3lo ve expresiones seguras.<\/p>\n

www.caniuse.com\/json<\/a> -> En esta web se puede ver una tabla de compatibilidades de los navegadores. Tambi\u00e9n se pueden ver por funci\u00f3n (API)<\/p>\n

La funci\u00f3n JSON.stringify()<\/strong>, convierte un objeto en una cadena, realiza la funci\u00f3n inversa, aunque con problemas tambi\u00e9n de compatibilidad. Aunque para este tipo de problemas disponemos de bibliotecas como Jquery, para evitar los problemas de compatibilidad.<\/p>\n

Estructuras de datos en JSON<\/strong><\/p>\n

Ejemplo de un script que maneja objetos JSON con DOM Javascript<\/em><\/p>\n

<script type=\u201dtext\/javascript\u201d>\r\nvar mivalor;\r\nvalor= {\u201cnombre\u201d:\u201dOscar,\u201d, \u201cciudad\u201d:\u201dPalencia\u201d};\r\ndocument.getElementById(\u201ciddelcontenedor\u201d).innerHTML= valor.nombre;\r\n<\/script><\/pre>\n
 <\/p>\n
Ejemplo de un Array de objetos<\/strong><\/p>\n
<script type=\u201dtext\/javascript\u201d>\r\nvar misobjetos = [{\u201cnombre\u201d:\u201doscar\u201d, \u201capellido:\u201d:\u201dy\u201d}, {\u201cnombre\u201d:\u201dpedro\u201d, \u201capellido:\u201dx\u201d}];\r\ndocument.getElementById(\u201ciddelcontenedor\u201d).innerHTML= valor. misobjetos [0].nombre;\r\n\r\n\/\/ Para obtener el primer elemento;\r\n<\/script><\/pre>\n
Es necesario destacar que el valor, cuando es un n\u00famero, booleano o es vac\u00edo no requiere comillas.<\/p>\n
\u00a0Ejemplo de anidamiento<\/strong><\/p>\n
<script type=\u201dtext\/javascript\u201d>\r\nvar variedad = {\r\n\r\n\u201cNombre\u201d: \u201dOscar\u201d,\r\n\u201cedad\u201d:37,\r\n\u201ccasado\u201d:true,\r\n\u201clenguajes\u201d:[12,34,12,14],\r\ncursos: { \"C#\u201d:\u201dLenguaje de programaci\u00f3n\u201d, \u201cJava\u201d:\u201dLenguaje programaci\u00f3n\u201d},\r\n\u201cblog\u201d:\u201dwww.palentino.es\r\n\r\n};\r\n\r\n<\/script><\/pre>\n
 <\/p>\n
Accesos<\/span><\/p>\n
variedad.nombre;<\/span>
\n variedad.edad;
\n<\/span>variedad.cursos.java;<\/p>\n
\n
 <\/p>\n
M\u00e9todos nativos desde otros lenguajes de programacion<\/strong><\/p>\n
No solamente se puede usar JSON con Javascript, se puede emplear en diferentes lenguajes. Los lenguajes orientados a servicios para realizar transferencias de datos son los que m\u00e1s han cuidado el uso de JSON.
\nEs por ello, que podemos trabajar con otros lenguajes de forma nativa.<\/p>\n
S\u00edrvase como ejemplo el lenguaje m\u00e1s extendido a nivel mundial PHP.<\/strong>
\nPara realizar operaciones CRUD, a partir de la versi\u00f3n 5.2.0<\/strong> ya posee funciones nativas para el trabajo con JSON.<\/p>\n
Se proporciona a los programadores funciones en el lenguaje.\u00a0Existen dos funciones en PHP<\/strong>.
\njson_decode()<\/strong> -> convierte de JSON a un Array en PHP<\/span>
\n json_encode()<\/strong> -> convierte un array de PHP a JSON<\/span><\/p>\n
Desde Python<\/strong>, mediante el import json
\njson.dumps(misdatos);<\/span>
\n json.loads(misdatos);<\/span><\/p>\n
Desde plataformas m\u00f3viles como Android<\/strong>, mediante su importaci\u00f3n
\nJSONObject string= new JSONObject(); \/\/ Para crear el objeto<\/span>
\n String stringJSON)=string.toString(); \/\/ Convertir JSON a String<\/span><\/p>\n
Desde IOS<\/strong>
\nNSData dataWithContentsOfURL:url]; \/\/ Lee los datos desde una URL<\/span>
\n [NSJSONSerializaction JSONObjectWithData:jsonData];<\/span><\/p>\n
Desde JQuery<\/strong> (librer\u00eda javascript para simplificar el acceso a los elementos)<\/p>\n
$.getJSON(\u201cpagina.php\u201d, function(data))\u00a0 \/\/ Para realizar una lectura<\/span><\/p>\n
Podemos mediante GET traer datos:
\n$.ajax({<\/span>
\n \u201curl\u201d: index.php\u201d,<\/span>
\n \u201ctype\u201d: \u201cGET\u201d,<\/span>
\n \u201cdata\u201d:{},<\/span>
\n \u201cdatatype\u201d:\u201dJSON\u201d}).done(function(data){console.log(data);<\/span>
\n });<\/span><\/p>\n
Realizar un PUSH o enviar datos mediante POST con JQUERY<\/p>\n
$.post(\u201carchivo-con-datos.php\u201d, $(this).serialize(), function(data))};<\/span><\/p>\n
Las aplicaciones que necesitan datos pueden usar JSON de forma as\u00edncrona mediante un request. Mediante la consulta de un servicio. Ejemplo como hace Spotify.<\/p>\n
Otro ejemplo ser\u00eda un archivo con extensi\u00f3n .json. Este archivo creado con un lenguaje determinado contiene los datos con el formato JSON. Por ejemplo leer un SRC externo\u00a0de un archivo externo JSON, y procesarle con Javascript. La p\u00e1gina web estar\u00eda alojada en un sitio diferente al archivo JSON, para un trabajo distribuido<\/strong>. Al ser JSON en vez de XML, los datos son m\u00e1s sencillos y compactos (mejor tama\u00f1o).<\/p>\n
\n
Referencias y enlaces interesantes:<\/strong><\/p>\n