FB-连接简单脚本不起作用

<html xmlns="http://www.w3.og/1999/xhtml" xmlns:fb="http://facebook/2008/fbml">
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>

<fb:login-button onlogin="update_user_box();"></fb:login-button>
<script>
function update_user_box(){
user_box = document.getElementById("user");
user_box.InnerHtml = "<span>"
+"<fb:profile-pic uid='loggedinuser' facebook-logo=true></fb:profile-pic>"
FB.XFBML.Host.parseDomTree();
}
FB.init("APP_ID","xd_reciever.htm");
</script>
<div id="user"></div>

这是我的剧本。实际上，我想从Facebook连接中获取登录用户的个人资料图片。但这不起作用，我从 http://mashable.com/2008/12/11/facebook-connect-blog/那里得到了这个脚本，但我找不到我的错误是什么。如何让它像我想要的那样工作？

这应该适合您...

  // assume we are already logged in
  FB.init({appId: 'YOUR_APP_ID', xfbml: true, cookie: true});
  function showProfile(response) {
if (response.authResponse) {
      //user is already logged in and connected
      var userInfo = document.getElementById('user');
      FB.api('/me', function(response) {
        userInfo.innerHTML = '<img src="https://graph.facebook.com/' + response.id + '/picture">' + response.name;
      });
    } 
  }
  // run once with current status and whenever the status changes
  FB.getLoginStatus(showProfile);
  FB.Event.subscribe('auth.statusChange', showProfile); 

  (function() {
          var e = document.createElement('script'); e.async = true;
          e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
          document.getElementById('fb-root').appendChild(e);
  }());

然后有两个div用于登录按钮和存储个人资料信息。

<div class="fb-login-button" autologoutlink="true"></div>
<div id="user"></div>

相关内容

最新更新

热门标签：