Question

我试图让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代码也会被触发。我可能在某个地方犯了一个愚蠢的错误。

Answer 1

是的，在收到登录回复之前调用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);
            }
        });
    }
}

Facebook在用户登录之前给出响应

1 个答案: