登录后如何将Facebook用户ID转到另一个JavaScript文件？

Question

I understand that I can get the facebook id by doing:

FB.api('/me', function(response) {
  alert('Your id is ' + response.id);
});

However, I want to have the user login and then grab that id in a different file so I can handle it. Right now I have:

var id = "";
var fburl = "http://graph.facebook.com/" + id + "?callback=?"

$(function(){
    $("#fb-profile-picture")[0].src = "http://graph.facebook.com/" + id +"/picture";

    $.getJSON(fburl, function(data){
        console.log(data);
        $("#name").append(data.name);
        $("#user-id").append(data.id);
    });

});

and if I manually enter the id in the id var it works however I'd like to be able to grab that response.id as the value and use it in this other javascript file but I haven't figured out how to.

Answer 1

Assuming you

• cannot control which of the scripts is executed first
• you are working in an environment with a global window object
• part one is only executed once
• you are using jQuery

making a global and firing an event might be a solution, although not considered best practice.

Script 1:

FB.api('/me', function(response) {
  window.fbCustomId = response.id;
  console.log(window.fbCustomId);
  $(window).trigger('fbResponseLoaded');
});

Script 2:

function renderProfile() {
    var fburl = "//graph.facebook.com/" + window.fbCustomId + "?callback=?"

    $(function () {
        $("#fb-profile-picture")[0].src = "//graph.facebook.com/" + window.fbCustomId + "/picture";

        $.getJSON(fburl, function (data) {
            console.log(data, window.fbCustomId);
            $("#name").append( $('<span>').text(data.name) );
            $("#user-id").append( $('<span>').text(data.id) );
        });

    });
}
if (window.fbCustomId) {
    renderProfile();
} else {
    $(window).on('fbResponseLoaded', renderProfile);
}