我正在尝试让Facebook登录在我的网站上工作。我有以下Javascript/AJAX代码:
var antwoord="";
var message="";
function myFacebookLogin() {
FB.login(function() {
FB.api('/me','GET',{"fields":"id,email,birthday,gender,first_name,last_name"}, function(response) {
antwoord = response;
})
}, {scope:'email,user_birthday'});
$.ajax({
url: '/dev/php/registerfb.php',
type: 'POST',
data: {firstname:antwoord.first_name,lastname:antwoord.last_name,email:antwoord.email,gender:antwoord.gender,date:antwoord.birthdate,id:antwoord.id},
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
})
}
问题似乎是Facebook在用户登录之前就给出了回应。这样,AJAX 代码就会在没有任何响应的情况下被触发。我可能在某个地方犯了一个愚蠢的错误。
是的
,没错,在收到
登录响应之前调用 ajax解决此问题的一种方法是将 AJAX 调用包装在函数
中然后在收到响应后调用函数
var antwoord="";
var message="";
function myFacebookLogin() {
FB.login(function() {
FB.api('/me', 'GET', {"fields":"id,email,birthday,gender,first_name,last_name"},
function(response) {
antwoord = response;
callTheAjax();
})
}, {scope:'email,user_birthday'});
function callTheAjax() {
$.ajax({
url: '/dev/php/registerfb.php',
type: 'POST',
data: {firstname:antwoord.first_name,lastname:antwoord.last_name,email:antwoord.email,gender:antwoord.gender,date:antwoord.birthdate,id:antwoord.id},
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});
}
}