Sin duda, los archivos JSON han revolucionado la manera de enviar y recibir parametros dentro de nuestras aplicaciones web. No les voy a hablar en detalle sobre la definicion de un JSON, pero si como procesarlos con JQuery.

Lo primero, es descargarse la librería JQuery desde la página oficial (versión minimizada o comprimida). Luego, creamos un script dentro de nuestra pagina, para especificar la funcion que va a buscar un JSON y luego procesarlo. A su vez, crearemos también un archivo llamado archivo.json.

archivo.json
[{"id": "1", "author": "Sin bandera", "song" : "Suelta mi mano"},{"id": "2", "author": "Sin bandera", "song" : "Que lloro"}]

funcion javascript, que puede ir dentro del html, o bien, en un .js

1
2
3
4
5
6
7

function loadJson(){
    $.getJSON('archivo.json', function(data){
           $.each(data, function(i, item){
               alert(item.id);
           });
    }); 
}

Sinceramente, es algo extremadamente fácil, sin embargo, los ejemplos en español son rebuscados o quizás muy extensos y no se logra ver la facilidad que tiene JQuery para procesarlos.