Buenos días,

Soy muy nuevo en archivos de datos JSON.

Lo que quiero lograr es:

Complete un iframe src"" con una URL que esté en mi archivo JSON

Aquí está el código que estoy usando (lo obtuve de otra pregunta de Stackoverflow):

JavaScript:

 var jsonData=[{id:1,"url":"https://www.youtube.com/"}]; $(document).ready(function () { $.getJSON('people.json', function (postImg) { if(data){ data.forEach(function(i,o){ var _div=$("<div/>",{id:o.id}); _div.attr("url",o.url); _div.on('click',function(){ $("#videoplayerDiv").attr("src", $(this).attr("url")); }); $("#div1").append(_div) }); } }); });

JSON (El nombre del archivo es: people.json)

 [ { "id": "1", "firstName": "MJ", "lastName": "Doe", "postImg": "https://www.youtube.com/" } ]

HTML:

 <div class="div1" id='div1' style="padding-left:inherit"> <iframe id="videoplayerDiv" src="" scrolling="no" frameborder="no" align="center" height="200px" width="500px" allowfullscreen></iframe> </div>

Por alguna razón no funciona, ¿Echo de menos algo?

Gracias