我在我的网站上安装了 Janrain 社交登录小部件,并且正在使用 AJAX 处理身份验证请求。
在某些情况下,即使社交网站(例如 Twitter)成功登录,我也想阻止在我的网站上登录。
发生这种情况时,Janrain 小部件会卡在说“正在加载...”,即使没有什么可做的。但是,我希望用户能够尝试通过另一个站点(例如 Facebook)再次登录。
目前,实现这一点的唯一方法是刷新整个页面。不一定方便,但也不是很大的负担。不过,我想避免这样做。
这是我的代码 - Janrain 提供的几乎完全复制/粘贴:
//Initialization of the widget on page load
(function() {
if (typeof window.janrain !== 'object') window.janrain = {};
window.janrain.settings = {};
janrain.settings.tokenUrl = THE_URL
janrain.settings.tokenAction='event';
function isReady() { janrain.ready = true; };
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", isReady, false);
} else {
window.attachEvent('onload', isReady);
}
var e = document.createElement('script');
e.type = 'text/javascript';
e.id = 'janrainAuthWidget';
if (document.location.protocol === 'https:') {
e.src = 'https://rpxnow.com/js/lib/(domain)/engage.js';
} else {
e.src = 'http://widget-cdn.rpxnow.com/js/lib/(domain)/engage.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(e, s);
})();
//Handler for AJAX authentication
function janrainWidgetOnload(){
janrain.events.onProviderLoginToken.addHandler(function(tokenResponse) {
$.ajax({
//(blah blah blah)
});
});
}
<!-- Widget is inserted into this named DIV -->
<div id="janrainEngageEmbed"></div>
我尝试将初始化函数设为命名函数,然后在页面加载时显式调用该函数。即使这适用于小部件的初始化,再次调用它也会失败 - 即使在进行 jQuery 调用以终止插入小部件的目标 DIV 内的所有 HTML 之后。
想法?谢谢!