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

【问题标题】：Selecting item number in JSON from Facebook Graph API从 Facebook Graph API 中选择 JSON 中的项目编号
【发布时间】：2012-02-08 16:34:13
【问题描述】：

我正在构建一个使用 Facebook Graph API 的网络应用程序，该应用程序将您的所有个人资料图片显示在一个大拼贴的一个页面上。

我正在使用以下代码来使用 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>

但是，我希望能够只获取每张图片的图片源并将其附加到

一个 HTML img src 标签，来自以下示例：

data: [{id:10150556838025864, from:{name:, id:693815863}, tags:{,…},…},…]
0: {id:10150556838025864, from:{name:, id:693815863}, tags:{,…},…}
created_time: "2011-12-22T00:31:40+0000"
from: {name:, id:693815863}
height: 540
icon: "http://static.ak.fbcdn.net/rsrc.php/v1/yz/r/StEh3RhPvjk.gif"
id: "10150556838025864"
images: [{height:540, width:720,…}, {height:135, width:180,…}, {height:97, width:130,…},…]
link: "http://www.facebook.com/photo.php?pid=10920894&id=693815863"
picture: "http://photos-f.ak.fbcdn.net/hphotos-ak-snc7/394974_10150556838025864_693815863_10920894_526292479_s.jpg"
position: 34
source: "http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s720x720/394974_10150556838025864_693815863_10920894_526292479_n.jpg"
tags: {,…}
updated_time: "2011-12-22T00:31:45+0000"
width: 720

【问题讨论】：

标签： jquery html json facebook-graph-api

【解决方案1】：

试试这个：

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

更新

Example fiddle

【讨论】：

感谢您的回复，抱歉，它似乎不起作用。我什至没有收到错误，它什么也没做。
抱歉 - 我没有意识到您访问 data 的方法不正确。我已经更新了我的答案。
除此之外，您如何将这些图片转换为链接，返回图片的原始 Facebook 页面。
@LordSnoutimus 我再次更新了 - 我假设 Facebook 提要中的 link 属性是图像的链接，它可能不正确，但您应该能够根据需要对其进行修改解决这个问题。