Question

我正在尝试在我的网站上实现facebook登录按钮，到目前为止一切都很顺利，但我陷入困境。我有这个facebook sdk js：

  function statusChangeCallback(response) {
    console.log(response);
    if (response.status === 'connected') {
      getUser();
    } else {
      document.getElementById('status').innerHTML = 'Please log ' +
        'into this app.';}
      }
  function checkLoginState() {
    FB.getLoginStatus(function(response) {
      statusChangeCallback(response);
    });
  }
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'XXXXX',
      cookie     : true,  // enable cookies to allow the server to access 
      status     : true,  // the session
      xfbml      : true,  // parse social plugins on this page
      version    : 'v2.8' // use graph api version 2.8
    });
    FB.getLoginStatus(function(response) {
      statusChangeCallback(response);
    });
  };

  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));

  function getUser() {
    FB.api('/me?fields=email,name,birthday,gender', function(response) { 
      var ufd=JSON.stringify(response);
        $.ajax({
      type: "POST",
      url: "/fb-callback.php",
      data: {ud:ufd},
      success: function(msg) {
    if(msg!=""){
      alert("Successfully Logged In !"+msg);
    }
    else{
    alert("Some Error");
    }
 }
});  
    });
  }

在getUser（）函数中，ajax被调用两次，或者函数getUser（）本身被调用两次。我搜索了很多答案，但没有任何问题与我的问题有关。

Answer 1

如果某人已使用Facebook登录您的应用，那么statusChangeCallback(response)将会调用window.fbAsyncInit一次，因为FB.getLoginStatus(function(response) { statusChangeCallback(response); });

checkLoginState()

现在，当您使用页面上的Facebook登录按钮登录时，将调用statusChangeCallback(response)并再次调用response.status === 'connected'方法，因此您会看到您的ajax调用被触发两次。要解决此问题，您可以执行以下任一操作

如果FB.getLoginStatus即用户自动登录，则隐藏登录按钮。
从初始化帐户中删除<div style=" margin: 100px; width: 100px; height: 100px; background: blue; outline: solid 1px red; position: relative; display: inline-table;"> <div style=" width: 100px; height: 100px; background: green; position: absolute; left: 50px; top: 50px;"> </div>支票，并在每次首次访问您的信息页时点击登录按钮，要求用户登录您的应用。

Answer 2

在getUser函数中有两个函数会触发ajax请求，第一个FB.api('/me?fields=email,name,b和另一个回调函数

var ufd=JSON.stringify(response); $.ajax({ type: "POST",

显然它会发起两个ajax请求

Facebook SDK，功能被调用两次

2 个答案: