未捕获的ReferenceError:当使用FB. getloginstatus时没有定义FB
Uncaught ReferenceError: FB is not defined when using FB.getLoginStatus
我试图检查用户是否使用facebook登录并在JS控制台获得该错误。我的代码是这样的:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '######', // App ID
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});
};
// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
FB.getLoginStatus(function (response) {
if (response.status === 'connected') {
// the user is logged in and has authenticated your
// app, and response.authResponse supplies
// the user's ID, a valid access token, a signed
// request, and the time the access token
// and signed request each expire
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
} else if (response.status === 'not_authorized') {
// the user is logged in to Facebook,
// but has not authenticated your app
} else {
// the user isn't logged in to Facebook.
}
});
</script>
可能是什么问题,有什么建议如何解决它?
您正在呼叫FB。在SDK被加载和/或初始化之前,getLoginStatus。等待那个,这就是fbAsyncInit事件的作用。所以把方法调用放在这里
在Chrome中,你会得到错误:Uncaught ReferenceError: FB未定义。
我喜欢在Facebook的初始化函数fbAsyncInit()中触发一个自定义事件。然后我就不局限于在fbAsyncInit函数中做所有与FB相关的脚本了。我可以把它放在任何地方,只要监听那个自定义事件被触发。window.fbAsyncInit = function() {
FB.init({
appId : '123456789',
status : true,
cookie : true,
xfbml : true
});
$(document).trigger('fbload'); // <---- THIS RIGHT HERE TRIGGERS A CUSTOM EVENT CALLED 'fbload'
};
//MEANWHILE IN $(document).ready()
$(document).on(
'fbload', // <---- HERE'S OUR CUSTOM EVENT BEING LISTENED FOR
function(){
//some code that requires the FB object
//such as...
FB.getLoginStatus(function(res){
if( res.status == "connected" ){
FB.api('/me', function(fbUser) {
console.log("Open the pod bay doors, " + fbUser.name + ".");
});
}
});
}
);
我使用了以下简单的方法,它正常工作:
在head
部分,我加载了SDK:
<script type="text/javascript" src="//connect.facebook.net/en_US/sdk.js"></script>
然后在你的页面的body
,你的实际内容是,我使用这个:
<script>
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
if (response.status === 'connected') {
testAPI();
} else if (response.status === 'not_authorized') {
FB.login(function(response) {
statusChangeCallback2(response);
}, {scope: 'public_profile,email'});
} else {
alert("not connected, not logged into facebook, we don't know");
}
}
function statusChangeCallback2(response) {
console.log('statusChangeCallback2');
console.log(response);
if (response.status === 'connected') {
testAPI();
} else if (response.status === 'not_authorized') {
console.log('still not authorized!');
} else {
alert("not connected, not logged into facebook, we don't know");
}
}
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});
}
$(document).ready(function() {
FB.init({
appId : '1119999988888898981989819891',
xfbml : true,
version : 'v2.2'
});
checkLoginState();
});
</script>
直接在标签
中使用带有facebook sdk的脚本 <script type="text/javascript" src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID" id="facebook-jssdk"></script>
我们也面临着同样的问题,由于FB sdk没有加载(或加载延迟),这在某些情况下会导致问题(或破坏javascript)。
为了解决这个问题,我们委派了所有与facebook有关的电话。我们创建了这样一个函数:
function callOnFBSDKLoad(callback){
if (window.isFBInitialized) {
callback();
}
else {
jQuery(document).bind('fbInitialized', callback);
}
}
其中fbInitialized
是自定义事件在这里了解更多关于自定义事件的信息。window.isFBInitialized
是加载SDK时设置的变量。
callback是包含FB相关事件的方法。例如
var FBLogin = function(){
FB.login(...);
}
callOnFBSDKLoad(FBLogin)
PS:请忽略语法和命名约定,我基本上是在分享解决这些问题的想法。
一个更简单可靠的解决方案。在SDK加载时调用一个函数。我将它命名为triggerLoginCheck()
。
<script>
window.fbAsyncInit = function() {
FB.init({
//TO DO: Add your unique Facebook app ID (All numbers).
appId : '***unique_app_id***',
cookie : true,
xfbml : true,
version : 'v2.8'
});
//Call the function here
triggerLoginCheck();
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
之后,在任何地方放置:
function triggerLoginCheck() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
console.log(response);
});
}
这对我来说很好。必须包含对象"Log.info.bind"
var Log = {info: {bind: function(){alert('Hi');testAPI ();}}}
相关文章:
- FB.getLoginStatus完成后,我想返回一个信息数组
- FB.getLoginStatus在第二次点击时响应(response.status=connected)
- FB.getLoginStatus对我有用,但对我的测试人员不起作用
- fb.getloginstatus在注销后未启动
- 当chrome中禁用第三方cookie时,FB.getLoginStatus不会返回正确的状态
- facebookjs-sdk取消授权应用程序仍然在FB.getLoginStatus中连接
- FB.getLoginStatus始终返回status='未知'
- Facebook FB.getLoginStatus在IE 7中未返回
- 为什么这里需要FB.getLoginStatus
- FB.getLoginStatus需要很长时间才能响应
- FB.getLoginStatus在触发前需要页面刷新
- Facebook Connect FB.getLoginStatus issues ~ JS SDK
- 在调用FB.init()之前调用FB.getLoginStatus().疯了
- FB.如果用户没有登录到Facebook, getLoginStatus不会触发
- FB.getLoginStatus() not working
- 不能得到FB.getLoginStatus运行
- 为什么FB.getLoginStatus()返回noSuchMethod错误?
- FB.getLoginStatus()返回“未知”;在Firefox中,当用户登录时
- 未捕获的ReferenceError:当使用FB. getloginstatus时没有定义FB
- 进行页面刷新时不调用FB.getLoginStatus(Facebook Javascript SDK)