我开发了一个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 + ")";
});