jquery - 使用 jquery 在一个 json 请求中获取 facebook 照片

Question

好的，所以我在 Facebook 及其自己的网站上有一个“页面”。我想将“页面”中的所有照片链接到网站，这样我就可以拥有一个画廊进行编辑。我知道如何接收一个图像，但我不知道如何接收多个图像然后将其显示在一个新的 div 中？我已经用谷歌搜索了 !@#$ ，但仍然一无所获。在此先感谢 :D

var fburl_photo = "http://graph.facebook.com/868.Rotary.Northstar.RCACS/albums?fields=photos";
$.getJSON(fburl_photo,function(data){
    var albums = data["picture"];
    $("#albums").append("<div>" + albums + "</div>");
});

Answer 1

这应该让你开始。如果有任何不清楚的地方，请告诉我。

var url = 'http://graph.facebook.com/';
url += '868.Rotary.Northstar.RCACS/albums?fields=photos'; 
//to save some space here

$(function(){

    $.ajax({
        url: url,
        dataType: 'jsonp',
        success: function(data){

            $.each(data.data, function(k1, album){

                if(k1 > 1) //just showing the first 2lists for demo purpose
                    return true; //skipping the rest

                var pictureArray = album.photos.data;
                //get an array of photos                    

                $.each(pictureArray, function(k2, pictureObject){

                //pictureObject.picture contains the image url

                //create a new image tag and append it to the body

                    var $img = $('<img/>')
                                   .prop({ src: pictureObject.picture })
                                   .wrap('<a href="#anchor"></a>')
                                   .appendTo('body');

                });

            });

        }
    });

});

示例：http: //jsfiddle.net/gVZuC/