我正在构建一个使用 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
最佳答案
试试这个:
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);
});
});
已更新
关于jquery - 从 Facebook Graph API 选择 JSON 中的项目编号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8834205/