Facebook应用需要在登录时刷新

时间:2014-11-21 07:08:54

标签: javascript php facebook facebook-graph-api login

我开发了一个Facebook应用程序,用于使用javascript API从用户获取数据 它会检查用户是否登录 如果用户没有登录,应用程序会给他一个登录按钮选项,如果他已经登录 他会看到一个包含用户数据的表单

当用户尝试使用登录按钮登录时,会出现一个带有用户名和密码的弹出屏幕 但在登录后,应用程序不会刷新。

我想要的是在获得登录页面后需要刷新并且表格应该出现

当前用户获取登录屏幕变为空白,用户需要手动刷新页面然后他才会看到表单

<script>
function statusChangeCallback(response) {
    console.log('statusChangeCallback');
    console.log(response);


    if (response.status === 'connected') {

        document.getElementById('login').style.display = 'none';
        testAPI();
    } else if (response.status === 'not_authorized') {

        document.getElementById('status').innerHTML = '<h1 style="color:white">Please log ' +
            'into this app.</h1>';
        document.getElementById('section').style.display = 'none';

    } else {

        document.getElementById('section').style.display = 'none';
        document.getElementById('status').innerHTML = '<h1 style="color:white">Please log ' +
            'into Facebook.</h1>';
    }
}


function checkLoginState() {
    FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
    });
}

function logout() {
    FB.logout(function(response) {
        alert("Logout sccessfully");
    });

}


window.fbAsyncInit = function() {
    FB.init({
        appId: '514432638688174',
        cookie: true,
        xfbml: true,
        version: 'v2.1'
    });




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


function testAPI() {
        console.log('Welcome!  Fetching your information.... ');
        FB.api('/me', function(response) {

            var idx = response.id;
            idx = "https://graph.facebook.com/" + idx + "/picture?type=large";
            document.getElementById('fname').value = response.name;
            document.getElementById('femail').value = response.email;
            document.getElementById('user').innerHTML = response.name;
            document.getElementById('pp').style.backgroundImage = "url(" + idx + ")";
        });

0 个答案:

没有答案