如何从分页的JSON数据显示图像?

时间:2013-03-27 06:12:57

标签: jquery json

我是JSON和jQuery的新手。我刚试过这个网站http://api.jquery.com/jQuery.getJSON/的样本来显示来自Flickr的照片并且它正常工作。

然后我尝试在我朋友的网站上显示照片。但它不再适用了。

这是JSON数据的结构。我发现这里有分页。但我不知道如何引用LargePhotoUrl来显示

{
featuredshops: [],
-page: {
    - pageInformation: {
        number: 1,
        size: 20
    }
    first: 1,
    last: 20,
    totalNumberOfPages: 10,
    totalNumberOfEntities: 100
    - entities: [
        -{
            id: 1,
            name: "A",
            -photos{
                - smallPhotoUrl: "photos/1/smalldisplay.jpg"
                - largePhotoUrl: "photos/1/largedisplay.jpg"
            }
        }
        -{
            id: 2,
            name: "B",
            -photos{
                - smallPhotoUrl: "photos/2/smalldisplay.jpg"
                - largePhotoUrl: "photos/2/largedisplay.jpg"
            }
        }
    ]
}
}

这就是我尝试过的事情

function() {
        var shopAPI = "www.sample.com/shops.json";
        $.getJSON( shopAPI, {
        format: "json"
    })
    .done(function( data ) {
        $.each(data.page.entities, function(i, item){
            var img = $("<img/>").attr("src", item.photos.largePhotoUrl);
            $("<a/>").attr({href: item.photos.largePhotoUrl, title: "Shop Photos"}).append(img).appendTo("#images");
        });
    });
})()

0 个答案:

没有答案