fb.api returns 'undefined' on connected user

Question

Below code gives me an 'undefined' on the name and email. However the user IS logged in because I DO have the access token and UID?

function getToken(){
    FB.login(function(response) {
        if (response.authResponse) {
            var access_token = response.authResponse.accessToken;
            var uid = response.authResponse.userID;
            document.getElementById('accessToken').value=access_token;
            document.getElementById('uid').value=uid;
            FB.api('/me', function(response) {
                console.log('Good to see you, ' + response.name + '.' +response.email);
            });
            document.forms['token'].submit();
        } else {
            return false;
        }
    }, {scope:'email,user_likes,friends_likes'});
}

When I output the complete response of fb.api to console I get

[11:46:10.369] ({error:"load-error: unknown"})

Can you try to just log the entire response and post it here so that we'll know what facebook respond with? Something like: console.log(response); — Nitzan Tomer
– Nitzan Tomer, Commented Apr 6, 2012 at 9:21
First time I see this type of error. Can you maybe try a simpler flow? just call for login, then in the callback just check for the authResponse and if it exists call the FB.api with /me and then just log the response. Remove the other code, especially the form submitting. Then please post here the responses you get from fb for the login and /me requests. — Nitzan Tomer
– Nitzan Tomer, Commented Apr 6, 2012 at 9:59
Everything else in this script is working. I DO get the access token and DO get the userID — Jeroen Swets
– Jeroen Swets, Commented Apr 6, 2012 at 10:27
Yes, I understand that, but still, when things do go according to plan, it's usually best to simplify things in order to see what goes wrong and where. Just give it a go and we'll see what's the result. — Nitzan Tomer
– Nitzan Tomer, Commented Apr 6, 2012 at 10:43

Nitzan Tomer · Accepted Answer · 2012-04-06 11:53:46Z

1

I now see what you are trying to do and the problem.

Why it fails:

You are making an asynchronous request (using the FB.api method) and then submit a form (and it's a guess since you did not include all code) which reloads the entire page, messing up with the async request.

As for how to solve the problem:

The best solution, in my opinion, is to use the Server-Side authentication process and only then, afterwards, when the canvas loads use the client side sdk. That way you'll have access tokens both in the client and server side.

Another approach is not to submit the form, but to issue a ajax request to your server (it can be in POST) with the access token, since both the requests will be asynchronous (FB.api and the one to your server) everything should be a ok.

answered Apr 6, 2012 at 11:53

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ChainLooper · Accepted Answer · 2013-12-17 19:48:27Z

0

I think a quick fix would be submitting the form inside the FB.api function. So it would look like:

FB.api('/me', function(response) {
            console.log('Good to see you, ' + response.name + '.' +response.email);
            document.forms['token'].submit();
});

answered Dec 17, 2013 at 19:48

ChainLooper

3903 silver badges7 bronze badges

Collectives™ on Stack Overflow

fb.api returns 'undefined' on connected user

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related