Jquery 从Facebook Graph API中选择JSON中的项目编号_Jquery_Html_Json_Facebook Graph Api

Jquery 从Facebook Graph API中选择JSON中的项目编号

jquery html json facebook-graph-api

Jquery 从Facebook Graph API中选择JSON中的项目编号,jquery,html,json,facebook-graph-api,Jquery,Html,Json,Facebook Graph Api,我正在构建一个使用Facebook Graph API的web应用程序，它可以在一个大拼贴的页面上显示你的所有个人资料图片我使用以下代码来使用API： <!DOCTYPE html> <html> <head> <style> #images { padding:0; margin:0; overflow: hidden;} #images img { width:200px; height:200px; border:none;}

我正在构建一个使用Facebook Graph API的web应用程序，它可以在一个大拼贴的页面上显示你的所有个人资料图片

我使用以下代码来使用API：

<!DOCTYPE html>
<html>
<head>
  <style>
  #images { padding:0; margin:0; overflow: hidden;}
  #images img { width:200px; height:200px; border:none;}
  #lists li { display: table;}
  #lists img { width:200px; height: 200px; }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>

<div id="profile"></div> 

<script>

var fburl = "https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD"

$.getJSON(fburl, function(data){

     var img = data["picture"];
     $("#profile").append("<h3>"+ img +"</h3>");

});

</script>
</body>
</html>

试试这个：

var fburl = "https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD"

$.getJSON(fburl, function(data){
    //var data = data["data"][0]["picture"];
    $.each(data["data"], function() {
        $a = $("<a></a>").attr("href", this.link);
        $img = $("<img />").attr("src", this.picture);
        $a.append($img)
        $("#profile").append($a);
    });
});

var fburl=”https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD"
$.getJSON（fburl，函数（数据）{
//var数据=数据[“数据”][0][“图片”]；
$.each（数据[“数据”]，函数（）{
$a=$("
谢谢你的回复，很抱歉它似乎不起作用。我甚至没有收到任何错误，它只是不起任何作用。很抱歉-我不知道你访问数据的方法不正确。我已经更新了我的答案。除此之外，你如何将这些图像转换为返回到原始facebook页面的链接以获取图像。@LordSnoutimus我再次更新了-我假设Facebook提要中的链接属性是指向图像的链接，它可能不正确，但您应该能够根据需要对其进行修改以修复该问题。
var fburl = "https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD"

$.getJSON(fburl, function(data){
    //var data = data["data"][0]["picture"];
    $.each(data["data"], function() {
        $a = $("<a></a>").attr("href", this.link);
        $img = $("<img />").attr("src", this.picture);
        $a.append($img)
        $("#profile").append($a);
    });
});