刷新页面后显示 Facebook 帖子：Javascript

Question

经过努力，我终于找到了我想要实现的解决方案。我已经成功地将 Facebook 的帖子与我的应用程序集成在一起。

但只有一个问题。我想在该人登录后在文本区域中发布帖子。但是除非我刷新网站的页面，否则我看不到帖子。

这是我要执行的代码：

<div id="fb-root"></div>
<script>
function getUserData() {
    FB.api('/me', {fields: 'email, posts'}, function(response) {
        document.getElementById('for_analysis').innerHTML = 'Hello ' + response.posts.data[0].message;

    });
}

window.fbAsyncInit = function() {
    //SDK loaded, initialize it
    FB.init({
        appId      : 'MyID',
        xfbml      : true,
        version    : 'v2.10'
    });

    //check user session and refresh it
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            //user is authorized
            //document.getElementById('loginBtn').style.display = 'none';
            getUserData();

        } else {
            //user is not authorized
            document.getElementById('for_analysis').innerHTML = '';
        }
    });
};


//load the JavaScript SDK
(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 = "//connect.facebook.com/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

//add event listener to login button
document.getElementById('loginBtn').addEventListener('click', function() {
    //do the login
    FB.login(function(response) {
        if (response.authResponse) {
            //user just authorized your app
            //document.getElementById('loginBtn').style.display = 'none';
            getUserData();
            //document.location.reload(true)
        }
    }, {scope: 'email,user_posts', return_scopes: true});
}, false);

</script>
<div class="fb-login-button" data-max-rows="2" data-size="large" data-button-type="continue_with" data-show-faces="false" data-auto-logout-link="true" data-use-continue-as="true" data-scope = "email,user_posts"></div>

请告诉我，在用户登录后我需要做什么才能使内容可见。

我尝试在使用命令window.location.reload() 执行getUserData() 后重新加载页面，也尝试过：window.location.reload(true)， document.location.reload() 和 document.location.reload(true)。

但页面并没有停止刷新，因此忽略了重新加载部分。

如果有的话，请提出更好的解决方案。

Answer 1

您正在使用FB.login 和登录按钮。使用您自己的按钮并自行致电FB.login。现在你甚至没有使用FB.login，只有登录按钮，登录成功后没有任何回调。

或者，您可以使用登录按钮的onlogin 回调而忘记FB.login：https://developers.facebook.com/docs/facebook-login/web/login-button/#settings