Question

I have fetched json through

<script>
    function getjs()
    {
        var script =document.createElement("script");
        script.setAttribute("type","text/javascript");
        script.setAttribute("src","http://localhost:8080/vigs/f4json?user=3&callback=gr");
        document.body.appendChild(script);
    }
    var i=0;
    function gr(data)
    {
        for(i=0;i<data.size;i++)
        {
            document.getElementById('w').innerHTML =data.itemr[i].itmurl;
        }
    }
</script>

so, after fetching the urls it simply displays url of images in my div. I just confused how to write up code in jquery for same above task but also display images (by generating dynamix image tag appended to next one by one based on size in div) in my div with id mydiv.Or any alternative ?

your help would be appreciated..
thanks

Answer 1

Using JavaScript

function gr(data)
{
  var w = document.getElementById('w');
  for(i=0;i<data.itemr.length;i++)
  {
      var img = document.createElement('img');
      img.src = data.itemr[i].itmurl;
      w.appendChild(img);
  }
}