Facebook api で作業していますが、 「facebookでログイン」をクリックすると、1 つではなく 2 つのポップアップが開きます。
ユーザーがすでにFacebookにログインしている場合、ボタンをクリックするとポップアップが開き、数秒でセッションをチェックして戻ってきます。その場合、私のサイトは完璧に機能しますが、ユーザーがログインしていない場合は、その場合、2 つのポップアップが表示されます。ユーザーが資格情報を正しく入力し、ポップアップ ウィンドウでEnterキーを押すとどうなりますか?ユーザーIDで (実際に欲しいもの)、(不要なポップアップを閉じた後にウェブサイトのインデックスページを更新すると、通常どおりプロファイルページに移動するため、このことを知っています)。
このページも参照して解決しましたが、役に立ちませんでした。ポップアップを 1 つだけ開くように光を当ててください。
私はこのコードを次のように使用しています:
<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 -->