javascript - Facebook 登录按钮回调函数

Question

我在我的网站上登录 Facebook 时遇到问题。下面的代码是我的 FB-Connect 代码。代码标志的注释部分是我进入我的网站。我的问题是，当我“重新激活”此代码时，它会在我每次访问该页面时立即登录。但是我想在用户单击“使用 Facebook 登录”按钮时让用户登录。当我点击 facebook 登录按钮时，会出现一个弹出窗口，但什么也没有发生。

我可以在单击 FB-Connect 按钮时以某种方式调用 JS 函数吗？

              <script>
                    window.fbAsyncInit = function() {
                      FB.init({
                        appId      : 'xxxxxxxxxxxxxxxxxx', // App ID
                        status     : true, 
                        cookie     : true,
                        xfbml      : true,
                        oauth      : true,
                      });   
            var login = false;

                 FB.getLoginStatus(function(response) {
                          if (response.status === 'connected') {
                              console.log('connected');
                              login=true;

                                var uid = response.authResponse.userID;

            //this part of the code below redircts me to the part, where i login to my system.
                                /*var accessToken = response.authResponse.accessToken;
                                $.ajax({
                                    type: 'POST',
                                    url: '/?eID=login',
                                    data: $(this).serialize(),
                                    success: function(msg) { 
            alert("LOGIN");
                                $('#content').load('/live-session/tickets/');

                        }
                    });*/
                }});

Answer 1

您需要使用 FB.login单击 fb 连接按钮的功能，不要使用 FB.getLoginStatus

 FB.login(function(response) {
   if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
   } else {
     console.log('User cancelled login or did not fully authorize.');
   }
 });

来自文档

FB.getLoginStatus allows you to determine if a user is logged in to Facebook and has authenticated your app.

因此，如果您不想检查用户是否已在页面加载时登录，请不要调用此方法

When I clicks the facebook login button a Popup shows up and nothing happens..

如果您已经授权应用程序并通过身份验证，facebook 将不会再次要求您登录和授权