Función jQuery para crear tablas con datos JSON

Question

¿Cómo recuperas un objeto JSON de un archivo local y lo muestras en una tabla usando jQuery? Aquí está el contenido del archivo JSON (jsondata.json):

{ 
"scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] 
} 

Answer 1

var json = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] } 

    $.each(json.scores,function(key,value){ 

     alert(key + " "+value) 
    }) 

u puede comprobar de aquí http://jsfiddle.net/atMa7/

Answer 2

Ejemplo - Demo http://jsfiddle.net/kVdZG/

Se puede recorrer y anexar los elementos.

<table id='scores' border="1"></table> 

JS -

var data = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] } 


$(data.scores).each(function(index, element){ 
    $('#scores').append('<tr><td> '+element[0]+' </td> <td> '+element[1]+' </td></tr>');  
}) 

Answer 3

jQuery no proporciona ninguna función para dar formato JSON como una tabla HTML. jQuery proporciona solo la funcionalidad requerida para iterar el objeto JSON y manipular el DOM. Sin embargo, hay complementos jQuery que pueden hacer eso.

https://github.com/gajus/json-to-table