1

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

0 に答える 0