Tengo este código HTML
para consumir JSON
mediante ajax
, pero no me muestra los datos que quiero traer.
¿Me podrían decir que estoy haciendo mal?
El url
del JSON
es este: http://www.mocky.io/v2/5a5502052d0000f43a5b1e60*
Este es el script
que esto usando:
<div class="panel-heading">Programa</div>
<div class="panel-body" id="programas"></div>
<script type="text/javascript">
$(function ()
{
$.ajax({
url: 'http://www.mocky.io/v2/5a5502052d0000f43a5b1e60',
type: 'GET',
dataType: 'JSON',
success: function (data)
{
var program = "<ul>";
for (var c = 0; c < data.length; c++) {
var infoprograma = "<li>" + "Programa: "+ data[c].programa[0].programa;
infoprograma += "Sinopsis: " + data[c].programa[0].sinopsis;
infoprograma += "Conductor: " + data[c].programa[0].conductor;
infoprograma += "Clasificacion: " + data[c].programa[0].clasificacion;
infoprograma += " <em>" + data[c].programa[0].tipoProgram + "</em> </li>";
program += infoprograma;
}
program += "</ul>";
$("#programas").html(infoprograma);
}
})
});
</script>
Cuando doy a Network > Preview
me muestra objeto que estoy llamando, pero en el div
no me muestra nada.