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