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

Question

我了解可以通过以下方式获取Facebook ID：

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

但是，我想让用户登录，然后在另一个文件中获取该ID，以便我进行处理。 现在我有：

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);
    });

});

并且，如果我在id var中手动输入id ，它可以工作，但是我希望能够将那个response.id作为值，并在其他JavaScript文件中使用它，但我还没有弄清楚该怎么做。

Answer 1

假设你

• 无法控制首先执行哪个脚本
• 您正在使用具有全局窗口对象的环境
• 第一部分仅执行一次
• 您正在使用jQuery

尽管不认为最佳做法，但进行全局和触发事件可能是解决方案。

脚本1：

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

脚本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);
}