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