我是 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");
});
});
})()