JSON (JavaScript Object Notation)

JSON, acrónimo de JavaScript Object Notation, es un formato de archivo para el intercambio de datos. Su facilidad, tanto para leer como para escribir ha dado lugar a la generalización de su uso, especialmente como alternativa a XML.

Leer un fichero JSON con javascript

El método JSON.parse() analiza una cadena de texto como un JSON, transformando opcionalmente el valor producido por el análisis.

var mydata = JSON.parse(data);

Imaginemos un json con una estructura como esta:

data = '[{"img" :"images/imageb.jpg", "nombre" : "Nombre Apellido", "mail" :"minombre@servidor.com"}]';

Los archivos json entre corchetes, un array json puede contener múltiples objetos.

Para llamar al primer nodo de json, se realiza de manera similar a la llamada de un array, el código sería:

mydata[0].nombre;

Leer JSON con jQuery

Usando Ajax:

$.ajax({
dataType: "json",
url: url,
data: data,
success: success
});

Usando getJSON, leyendo datos de FLICKR

<script>
(function() {
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
$.getJSON( flickerAPI, {
tags: "mount rainier",
tagmode: "any",
format: "json"
})
.done(function( data ) {
$.each( data.items, function( i, item ) {
$( "<img>" ).attr( "src", item.media.m ).appendTo( "#images" );
if ( i === 3 ) {
return false;
}
});
});
})();
</script>