Acceder y recorrer JSON

[d4ri0]

Hola gente, como están?

La verdad me encuentro con un problema que no puedo resolver hace algunos dias. Como verán no conozco mucho de Javascript así que luego de fracasar siguiendo varios tutoriales y threads del foro es que pido una mano aqui.

Quiero acceder a este JSON (que se obtiene mediante PHP haciendo una query a una db MySQL) y recorrerlo en Javascript. El JSON devuelto por el php es el siguiente:

Código HTML:

{
  "Resultados":[
    {
      "HORA_DESDE":"01:00:00",
      "HORA_LUNES":"N",
      "HORA_MARTES":"N",
      "HORA_MIERCOLES":"N",
      "HORA_JUEVES":"N",
      "HORA_VIERNES":"S",
      "HORA_SABADO":"S",
      "HORA_DOMINGO":"N",
      "TRASNOCHE":"S"
    },
    {
      "HORA_DESDE":"15:25:00",
      "HORA_LUNES":"S",
      "HORA_MARTES":"S",
      "HORA_MIERCOLES":"S",
      "HORA_JUEVES":"S",
      "HORA_VIERNES":"S",
      "HORA_SABADO":"S",
      "HORA_DOMINGO":"S",
      "TRASNOCHE":"N"
    },
    {
      "HORA_DESDE":"17:50:00",
      "HORA_LUNES":"S",
      "HORA_MARTES":"S",
      "HORA_MIERCOLES":"S",
      "HORA_JUEVES":"S",
      "HORA_VIERNES":"S",
      "HORA_SABADO":"S",
      "HORA_DOMINGO":"S",
      "TRASNOCHE":"N"
    },
    {
      "HORA_DESDE":"20:15:00",
      "HORA_LUNES":"S",
      "HORA_MARTES":"S",
      "HORA_MIERCOLES":"S",
      "HORA_JUEVES":"S",
      "HORA_VIERNES":"S",
      "HORA_SABADO":"S",
      "HORA_DOMINGO":"S",
      "TRASNOCHE":"N"
    },
    {
      "HORA_DESDE":"22:40:00",
      "HORA_LUNES":"S",
      "HORA_MARTES":"S",
      "HORA_MIERCOLES":"S",
      "HORA_JUEVES":"S",
      "HORA_VIERNES":"S",
      "HORA_SABADO":"S",
      "HORA_DOMINGO":"S",
      "TRASNOCHE":"N"
    }
  ]
}

Checkie el formato del JSON con distintas herramientas online y al parecer la sintaxis del mismo es correcta.



Para acceder estoy probando la siguiente sintaxis:

Código:

alert(jsonHorarios.Resultados[2].HORA_DESDE);

obtengo un error de: jsonHorarios.Resultados is undefined



Aunque por el contrario si hago un alert del JSON entero como:

Código:

alert(jsonHorarios);

El resultado se imprime correctamente!


Desde ya mil gracias si me pudieran indicar en que estoy fallando. Luego quisiera recorrer este JSON, para darle un formato en HTML. Tambien me seria de mucha ayuda si me indican algún metodo indicado para lograr esto.

Gracias de nuevo, saludos!

[deywibkiss]

evalua la variable jsonHorarios para que se tome el objeto en formato json.

var jsonHorarios = eval('(' + jsonHorarios + ')');

o si no prueba con:

var jsonHorarios = eval(jsonHorarios);

y despues...

alert(jsonHorarios.Resultados[2].HORA_DESDE);

[IsaBelM]

es correcto, suponiendo que se te haya pasado mostrarnos

jsonHorarios = {
"Resultados":[
{

[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);