0

我尝试在没有 ajax 的情况下进行 facebook 登录，如下所示：

<?php

require '../src/facebook.php';

$facebook = new Facebook(array(
  'appId'  => '178812232292862',
  'secret' => 'c74af291ad3ab7fe02ae32b2b9332622',
));

// See if there is a user from a cookie
$user = $facebook->getUser();

if ($user) {
  try {
    // Proceed knowing you have a logged in user who's authenticated.
    $user_profile = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    echo '<pre>'.htmlspecialchars(print_r($e, true)).'</pre>';
    $user = null;
  }
}

?>
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <body>
    <?php 
    if ($user) { ?>
      Your user profile is
      <pre>
        <?php print htmlspecialchars(print_r($user_profile, true)) ?>
      </pre>
    <?php } 
    else { ?>
      <fb:login-button></fb:login-button>
    <?php } ?>
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId: '<?php echo $facebook->getAppID() ?>',
          cookie: true,
          xfbml: true,
          oauth: true
        });
        FB.Event.subscribe('auth.login', function(response) {
          window.location.reload();
        });
        FB.Event.subscribe('auth.logout', function(response) {
          window.location.reload();
        });
      };
      (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);
      }());
    </script>
  </body>
</html>

但我想使用 ajax 执行登录以停止整个页面加载！按照教程：facebook login using jquery我修改了代码如下：

您的用户资料是 

        
      

<script>
$(function() 
{
    window.fbAsyncInit = function() 
    {
        FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});  
    };

$('body').append('<div id="fb-root"></div>');

$.getScript(document.location.protocol + 
'//connect.facebook.net/en_US/all.js');
});
</script>

但它在加载时不显示任何内容。问题出在哪里，感谢任何帮助！

4

1 回答 1

1

把appId在这一行

FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true});

如下并检查：

FB.init({appId: '178812232292862', status: true, cookie: true, xfbml: true});

*更新代码：

<script>
$(function() {
    window.fbAsyncInit = function()
    {
        FB.init({appId: '178812232292862', status: true, cookie: true, xfbml: true});

        FB.Event.subscribe('auth.login', function(response) {
            if (response.authResponse) {
                FB.api('/me', function(response) {
                    console.log(response); // User Details
                });
            }
            //window.location.reload();
        });
    };

    $('body').append('<div id="fb-root"></div>');
    $.getScript(document.location.protocol + '//connect.facebook.net/en_US/all.js');
});
</script>

具有不同appId的jsFiddle

于 2013-07-18T20:12:05.517 回答