Facebook登录onClick – Javascript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Facebook登录onClick – Javascript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1767字，纯文字阅读大概需要3分钟。

内容图文

我在我的网站上有这个代码.当我的页面加载时显示facebook登录对话框,而不是当用户点击锚标记时.

<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxxxxxxxxxxx', // App ID
      channelUrl : '//192.168.1.127/test/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional init code here
    FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
        // connected
      } else if (response.status === 'not_authorized') {
        // not_authorized
        login();
      } else {
        // not_logged_in
       login();
      }
    });
  };

  function login() {
    FB.login(function(response) {
      if (response.authResponse) {
        testAPI() ;
      } else {
        // cancelled
      }
    });
  }

  function testAPI() {
    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {
      console.log('Good to see you, ' + response.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>

我想要在用户单击此时触发FB.getLoginStatus事件：

<a href = "#" onClick = "FB.getLoginStatus()">Login</a>

但是现在它正在装载而没有我做任何事情.

建议？

解决方法:

好的,这里有一个简单的解决方案 – 在另一个函数中包含对FB.getLoginStatus的调用,并让你的按钮调用该函数.

function doLogin(){
  FB.getLoginStatus(function(response) {
    ...
  };
}

然后,您可以将按钮上的onClick更改为doLogin().

Bassicaly,这里发生的事情是,一旦加载了Facebook SDK,它就会调用包含FB.getLoginStatus代码的window.fbAsyncInit函数,因此一旦SDK准备好,登录代码就会被执行.

内容总结

以上是互联网集市为您收集整理的Facebook登录onClick – Javascript全部内容，希望文章能够帮你解决Facebook登录onClick – Javascript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端