Acceder y recorrer JSON

[deywibkiss]

Y para recorrer tu json y pasarlo a html puede ser asi:

1. A un div existente le añades html con jquery o javascript nativo, aqui el ejemplo con jquery:


creas una funcion que genere tu hml:

Código Javascript:

function crearHTML(objetojson){
 
//suponiendo que lo que quieres ver es una tabla
var html = "";
 var titulostabla = "<tr><td>HORA DESDE</td><td>HORA LUNES</td><td>HORA MARTES</td><td>HORA MIERCOLES</td><td>HORA JUEVES</td><td>HORA VIERNES</td><td>HORA SABADO</td><td>HORA DOMINGO</td><td>TRASNOCHE</td></tr>";
var datos = "";
//recorremos el json
 
for(var i = 0; i < objetojson[0].Resultados.length;i++){
 
datos= datos+"<tr><td>"+objetojson[0].Resultados[i].HORA_DESDE+"</td><td>"+objetojson[0].Resultados[i].HORA_LUNES+"</td><td>"+objetojson[0].Resultados[i].HORA_MARTES+"</td><td>"+objetojson[0].Resultados[i].HORA_MIERCOLES+"</td><td>"+objetojson[0].Resultados[i].HORA_JUEVES+"</td><td>"+objetojson[0].Resultados[i].HORA_VIERNES+"</td><td>"+objetojson[0].Resultados[i].HORA_SABADO+"</td><td>"+objetojson[0].Resultados[i].HORA_DOMINGO+"</td><td>"+objetojson[0].Resultados[i].TRASNOCHE+"</td></tr>";
}
 
//unimos encabezados y datos
 
html = "<table>"+titulostabla+datos+"</table>";
 
return html;
 
}
 

el objeto json previamente parseado desde la respuesta json que recibes

Código Javascript:

objetojson = eval(jsonrecibido);
var html =  crearHTML(objetojson);
 
/*agregamos al div el html generado*/
$("#midiv").html(html);