8

FB API が正確にどのように機能するか教えてください。基本的な質問のように見えますが、私は本当に混乱しています。

質問: 私は onlogin() を持っています。ログインボタンをクリックすると、この関数が呼び出されることを期待しています。しかし、貼り付けたコードでは、アラートテストが最初に出力され、FB.api が呼び出されることがわかります。

したがって、最初に onlogin が呼び出され、次に FB API が呼び出されるように見えます...この関数を 1 回だけ呼び出す方法はありますか。

<body>
        <div id="fb-root"></div>
<script>

      window.fbAsyncInit = function() {
          FB.init({appId: 'XXX', status: true, cookie: true, xfbml: true});

      };
      (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);
      }());

    function checkFacebookLogin() {
    FB.api('/me', function(response) {
        alert("Name: "+ response.name + "\nFirst name: "+ response.first_name + "ID: "+response.id);
    });

    alert('test');

    }

    </script>


 <p id="fb_login_button_1"><fb:login-button  onlogin="checkFacebookLogin();"  size="medium" scope="user_about_me">Sign in using Facebook</fb:login-button></p>


</body>v

私の主な問題は、関数を 1 回だけ呼び出す必要があることです....しかし、2 回呼び出されています。

4

2 に答える 2

7
    <body>
        <div id="fb-root"></div>
<script>

      window.fbAsyncInit = function() {
          FB.init({appId: 'XXX', status: true, cookie: true, xfbml: true});

      };
      (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);
      }());

    function fetchUserDetail()
    {
        FB.api('/me', function(response) {
                alert("Name: "+ response.name + "\nFirst name: "+ response.first_name + "ID: "+response.id);
            });
    }

    function checkFacebookLogin() 
    {
        FB.getLoginStatus(function(response) {
          if (response.status === 'connected') {
            fetchUserDetail();
          } 
          else 
          {
            initiateFBLogin();
          }
         });
    }

    function initiateFBLogin()
    {
        FB.login(function(response) {
           fetchUserDetail();
         });
    }
    </script>


 <input type="button" value="Sign in using Facebook" onclick="checkFacebookLogin();"/>


</body>
于 2012-08-07T05:52:57.833 に答える
1

FB API へのリクエスト呼び出しは非同期です。これは、リクエストが送信されると、コードはリクエストが完了するまで待機しないことを意味します。このため、API 呼び出しが返される前にアラート テストが発生します。すべての FB API 呼び出しは非同期です。同期させようとすると、ブラウザーがハングします。

ありがとうカウシク

于 2012-08-03T05:41:44.670 に答える