ccc

Ajax: Leer directamente fichero JSON

peliculas.json:
[
  {
"titulo": "Lo que el viento se llevó",
"director": "Victor Fleming",
"anno": "1939"
  },
  {
"titulo": "Rebeca",
"director": "Alfred Hitchcock",
"anno": "1940"
  },
  {
"titulo": "Qué verde era mi valle",
"director": "John Ford",
"anno": "1941"
  }
]

getJSON.php:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
</head>
<body>
<script>
$.getJSON("peliculas.json", function( data ) {
  $.each(data, function(key, val) {
  // console.log(key);
  // console.log(val);
  console.log(val["titulo"]);
  console.log(val["director"]);
  console.log(val["anno"]);
  });
});
</script>
</body>
</html>


Otra forma de recorrer un json (creado a partir de un array asociativo) sería:
html = '';
for(item of datosAux){
html += "<li>Fecha: "+item.fecha+" - "+item.valor+"</li>";
}
$("#result").html(html);

No hay comentarios:

Publicar un comentario