0

我使用了 facebook 文档中的示例,但在授予 facebook 连接权限后,我无法从用户对象获取任何用户信息。用户已定义,但其所有属性均为空。这是我的代码:

<html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>

      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '161718123880158', // App ID
            channelUrl : '', // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true,  // parse XFBML
            logging     : true
          });
          FB.api('/me', function(user) {
            if (user) {
              var image = document.getElementById('image');
              image.src = 'http://graph.facebook.com/' + user.id + '/picture';
              var name = document.getElementById('name');
              name.innerHTML = user.name
            }
          });
        };
        // Load the SDK Asynchronously
        (function(d){
           var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
           if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           ref.parentNode.insertBefore(js, ref);
         }(document));
      </script>
<div class="fb-login-button" scope="email,user_checkins">Login with Facebook</div>
      <div align="center">
        <img id="image"/>
        <div id="name"></div>
      </div>

    </body>
 </html>

名称和空图像的输出为 undef

4

1 回答 1

0

这是因为您没有有效的访问令牌。如果您放置一个 console.log(user) 并检查响应,它会显示错误。

  1. 您的应用设置中的“使用 Facebook 登录的网站”字段是什么?它需要与您正在开发的 URL 相匹配。
  2. 尝试将 FB.api 调用包装在 FB.getLoginStatus 回调函数中,如下所示:

    FB.getLoginStatus(function() {
       FB.api('/me', function(user) {
          //your code here
       });
     })
    
于 2012-07-17T15:46:25.620 回答