Javascript Facebook图形API加载更多信息/分页

好的，我已经试着四处寻找了几天，所以我只想在这里问一下，看看是否有人能帮我解决/理解这个问题：

我正在从facebook相册中获取图片

function fbImgGalDisplay_func() {
//FB pageID and access token + history image gallery
$FBmain_imgGalID = 'ID_OF_GALLERY';
$FBaccess_token = 'MY_ACCESS_TOKEN';

//Get the JSON
$json_FBimgGal = @file_get_contents('https://graph.facebook.com/' . $FBmain_imgGalID . '/photos?limit=5&access_token=' . $access_token);

//Interpret data
$FBimgGal = json_decode($json_FBimgGal);

// open container for wall posts
echo '<div id="masContainer">';

    foreach ($FBimgGal->data as $img ){

        echo '<div class="fbImgGal_Img">';

        echo '<img src="' . $img->source . '" />';

        echo '</div>';
    }

// close container for wall posts
echo '</div>';

if($FBimgGal->paging){
    echo '<div value="' . $FBimgGal->paging->next . '" class="loadMoreBtn">THERE ARE MORE PICTURES</div>'; //$fbdata->paging->next;
}
}

但由于某些原因，当单击div时，我无法在console.log中获得除2未定义之外的任何数据。下一个链接有效

我当时的想法是，当用户单击div时，ajax会发送GET并使用successresponse来不断填充库

在此方面的任何帮助都是非常感谢和非常需要的！哈哈。或者有没有更好的方法？我愿意接受建议。。。这里的想法是最终添加一个窗口滚动来检查底部偏移量，然后执行加载，直到响应中没有下一个URL为止

*编辑/旁注

---

从安全角度来看，这是最好的方法吗？考虑到使用这种技术，我必须在URL中的值中传递访问令牌。所以对于一个爱管闲事的耐莉来说，他们可以拿到通行证。。。也许不是最好的事情P

你的FB.api代码在哪里？@ProllyGeek请详细说明。。。你可以看到我在op中使用的所有代码

$('.loadMoreBtn').click(function(){
    var nextVal = $('.loadMoreBtn').attr('value');

    $.ajax({
        url: nextVal,
        type: "GET",
        success: function(data){

            $.each( data, function(i, img){
                console.log( img.source );
            });

            console.log( nextVal );
        },
        error: function(xhr, status, error){
            console.log('there was an error');
        }
    });
});