1
我正在構建一個使用Facebook Graph API的Web應用程序,該應用程序在大拼貼畫的一個頁面上顯示所有個人資料圖片。從Facebook Graph API中選擇JSON中的項目編號
我用下面的代碼來使用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
感謝您的答覆,對不起,它似乎沒有工作。我甚至沒有發生錯誤,它只是沒有做任何事情。 – jcrowson 2012-01-12 11:43:44
對不起 - 我沒有意識到你訪問'data'的方法不正確。我已經更新了我的答案。 – 2012-01-12 11:49:57
絕對英雄。謝謝!作爲一個補充 – jcrowson 2012-01-12 11:54:45