Facebook整合到网页中

时间:2012-05-17 22:05:19

标签: javascript facebook facebook-javascript-sdk

我正在尝试将Facebook整合到我的网页中,以便用户可以从我的网站更新其状态。现在我有一个用户点击更新其状态的按钮,该按钮调用updateFacebookStatus()函数。立即点击此按钮时,会弹出一个空白的白色窗口,上面写着“等待www.facebook.com”。这个窗口是它应该要求许可的地方,但窗口只是超时。任何想法:这是我的函数updateFacebookStatus()的代码。

    function updateFacebookStatus()
    {

//Ask for permissions
    FB.login(function(response) 
    {

    }, {scope:'publish_stream, offline_access,manage_pages'});

     FB.getLoginStatus(function(response) 
     {

//If user is logged it and given permissions update status
      if (response.status === 'connected') 
      {

        new_status = document.getElementById('FacebookBody').value;

        //update status
        FB.api(
        {
            method: 'status.set',
            status: new_status
        },
        function(response)
        {
            if(response == 0)
            {
                alert("Your Facebook Status Was Not Updated.");
            }
            else
            {
                alert("Your Facebook Status Was Updated");
            }
        }

      );} 
      else 
      {
        window.location.href = "#home";
      }
     });
    }

在我的html文件中,我使用以下代码获取Facebook javascript sdk:

        <script src="http://connect.facebook.net/en_US/all.js"></script>
        <script>
              FB.init({
                appId  : 'XXXXXXXXXXXXX',
                status : true, // check login status
                cookie : true, // enable cookies to allow the server to access the session
                xfbml  : true, // parse XFBML
                channelUrl : 'http://www.XXXXX.com/channel.html', // channel.html file
                oauth  : true // enable OAuth 2.0
              });

              // 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>

1 个答案:

答案 0 :(得分:0)

不确定它是否与您的问题有关,但请注意您调用相同的脚本两次 - 一次通过<script src="http://connect.facebook.net/en_US/all.js"></script>标记,另一次通过// Load the SDK Asynchronously下的异步函数调用