[英]how to redirect after login with facebook
我在登錄頁面即具有url參數。 login.php?id=223
我想使用Facebook登錄名登錄,我的代碼是
// initialize and setup facebook js sdk
window.fbAsyncInit = function() {
FB.init({
appId : 'myappid',
xfbml : true,
version : 'v2.5'
});
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
document.getElementById('login').style.visibility = 'hidden';
var id = getUrlParameter('id');
alert(id);
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'We are not logged in.'
} else {
document.getElementById('status').innerHTML = 'You are not logged into Facebook.';
}
});
};
(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'));
// login with facebook with extra permissions
function login() {
FB.login(function(response) {
if (response.status === 'connected') {
document.getElementById('status').innerHTML = 'We are connected.';
document.getElementById('login').style.visibility = 'hidden';
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'We are not logged in.'
} else {
document.getElementById('status').innerHTML = 'You are not logged into Facebook.';
}
}, {scope: 'email'});
}
// getting basic user info
function getInfo() {
FB.api('/me', 'GET', {fields: 'first_name,last_name,name,id,email'}, function(response) {
document.getElementById('status').innerHTML = response.email;
});
}
</script>
<div id="status"></div>
<button onclick="getInfo()">Get Info</button>
<button onclick="login()" id="login">Login</button>
通過單擊登錄按鈕,我成功登錄,並且還將電子郵件提取到狀態字段中,我想知道如何通過url參數和Facebook收到的電子郵件或名稱將頁面重定向到user.php,我認為是用ajax方法實現的我達到了預期的重定向結果
// initialize and setup facebook js sdk
window.fbAsyncInit = function() {
FB.init({
appId : 'app id',
xfbml : true,
version : 'v2.5'
});
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
document.getElementById('login').style.visibility = 'hidden';
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('?');
for (var i = 0; i < sURLVariables.length; i++)
{
var sParameterName = sURLVariables[i].split('=');
var id= sParameterName[1];
FB.api('/me', 'GET', {fields: 'first_name,last_name,name,id,email'}, function(response) {
var emailid=document.getElementById('status').innerHTML = response.email;
window.location='order.php?id='+id+'&email='+response.email;
});
}
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'We are not logged in.'
} else {
document.getElementById('status').innerHTML = 'You are not logged into Facebook.';
}
});
};
(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'));
// login with facebook with extra permissions
function login() {
FB.login(function(response) {
if (response.status === 'connected') {
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('?');
for (var i = 0; i < sURLVariables.length; i++)
{
var sParameterName = sURLVariables[i].split('=');
var id= sParameterName[1];
FB.api('/me', 'GET', {fields: 'first_name,last_name,name,id,email'}, function(response) {
var emailid=document.getElementById('status').innerHTML = response.email;
window.location='order.php?id='+id+'&email='+response.email;
});
}
document.getElementById('status').innerHTML = 'We are connected.';
document.getElementById('login').style.visibility = 'hidden';
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'We are not logged in.'
} else {
document.getElementById('status').innerHTML = 'You are not logged into Facebook.';
}
}, {scope: 'email'});
}
// getting basic user info
function getInfo() {
FB.api('/me', 'GET', {fields: 'first_name,last_name,name,id,email'}, function(response) {
document.getElementById('status').innerHTML = response.email;
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.