我正在使用 facebook api,但发生的情况是,当我单击“使用 facebook 登录”时,它会打开两个弹出窗口而不是一个。
就像用户已经登录 facebook一样,单击按钮会打开一个弹出窗口,并在几秒钟内通过检查会话返回,我的网站在这种情况下运行完美,但如果用户未登录,在这种情况下会出现两个弹出窗口,现在当用户输入正确的凭据并在弹出的窗口中按 Enter键时会发生什么,它会关闭,但由于第二个(已经存在)窗口,我的脚本不起作用,但我的会话变量如何保存使用用户ID (实际上我想要什么),(我知道这件事,因为当我在关闭不需要的弹出窗口后刷新我的网站索引页面时,我会正常进入我的个人资料页面)。
我也提到了这个页面来解决但没有用。请阐明仅打开一个弹出窗口。
我将此代码用作:
<script src="http://connect.facebook.net/en_US/all.js"></script>
<!-- Start of facebook login -->
<div id="fb-root"></div>
<fb:login-button size="large" id='login'">
Login with Facebook
</fb:login-button>
<script>
// initialize the library with the API key
window.fbAsyncInit = function() {
try{
FB.init({
apiKey : 'API KEY',
status : true,
cookie : true,
xfbml : true,
oauth : true
});
FB.getLoginStatus(function(response){
loginHandler();
});
}catch(error){}
};
function loginHandler(response,fail)
{
try{
if(response && response.authResponse){
FB.api('/me', function(response,fail) {
var email=response.email;
var firstName=response.first_name;
var lastName=response.last_name;
var gender=response.gender;
var dob=response.birthday;
var remainLogin=$('#remainLogin').val();
$('#login').attr("disabled", true);
$.ajax({
url: "loginViaFacebook",
type: "POST",
data: {email:email,firstName:firstName,lastName:lastName,gender:gender,dob:dob,remainLogin:remainLogin},
success: function (data) {
if (data.indexOf("true") != -1){
location.href = 'MainHome.jsp';
}
else
jAlert('Email not registered ... ','Email not found',ERROR);
$('#login').attr("disabled", false);
},
error: function(xhr, ajaxOptions, thrownError){
if(xhr.status==404)//Wrong url
jAlert('Check the url','ERROR',ERROR);
else if(xhr.status==500)//Exception in server side coding
jAlert('Exception in server coding, check your email or try one more time','ERROR',ERROR);
else if(xhr.status==408)//timeout
jAlert('Server taking time to respond','ERROR',ERROR);
else
jAlert('Some error occured ' + thrownError,'ERROR',ERROR);
$('#login').attr("disabled", false);
},
timeout : 5000
});
});
}
}catch(error){alert(error);}
}
var popUp;
$('#login').bind('click', function(response) {
try{
FB.login(loginHandler, {scope: 'email,user_birthday'});
}catch(error){}
});
$('#logout').bind('click', function() {
try{
FB.logout(function(response){});
}catch(error){}
});
</script>
<!-- End of facebook login -->