Javascript 在用户未登录时防止AJAX调用
ExtJS版本:3.2.1(我知道它很旧了……我还不能改变它) 我试图在用户的身份验证不再有效(超时或注销)时阻止ajax调用 当我全局覆盖Ext.Ajax.response时,当我创建一个新的Ext.Ajax调用时,它会被覆盖Javascript 在用户未登录时防止AJAX调用,javascript,ajax,extjs,extjs3,Javascript,Ajax,Extjs,Extjs3,ExtJS版本:3.2.1(我知道它很旧了……我还不能改变它) 我试图在用户的身份验证不再有效(超时或注销)时阻止ajax调用 当我全局覆盖Ext.Ajax.response时,当我创建一个新的Ext.Ajax调用时,它会被覆盖 Ext.override(Ext.Ajax.request, { success: function(response, opts) { console.log('Override function'); /* redirects
Ext.override(Ext.Ajax.request, {
success: function(response, opts) {
console.log('Override function');
/* redirects to login page */
}
});
/* lots of other code */
Ext.Ajax.request({
url: '/my_ajax_url',
params: {type: 'producer'},
success: function(r) {
console.log('my function that does lots of stuff');
}
});
我试图阻止自己浏览数百个文件(130MB,除了代码之外什么都没有),更改所有Ext.Ajax和Ext.data.JsonStore实例,以便在所有操作之前调用某种“父”函数
我还尝试将响应从返回JSON对象更改为返回http错误“http/1.1 419身份验证超时”。我认为应该这样做,但我无法“捕获”419错误(我不知道到底要覆盖什么才能实现这一点)。
request
是一种方法,因此不能以这种方式覆盖它。相反,您想要这样的东西(未经测试):
Ext.Ajax上有几个事件,您可以在其中附加全局侦听器 要防止触发请求,您可以在侦听器中使用并返回false:
Ext.Ajax.on({
'beforerequest': function() {
if (!loggedIn) {
return false; // prevents request
}
}
});
还有和,您可以在其中检查HTTP状态代码(不知道HTTP 419会触发这两个代码中的哪一个):
(文档链接适用于3.4.0,但所有事件也应在3.2.1中提供)
编辑:文档Awesome,这可以解决我的Ajax问题。我还为我的JsonStore问题找到了一个解决方案:
Ext.util.Observable.observeClass(Ext.data.Connection);on('requestexception',函数(dataconn,response,options){if(parseInt(response.status)==419){window.location='/login';})代码>
Ext.Ajax.on({
'beforerequest': function() {
if (!loggedIn) {
return false; // prevents request
}
}
});
Ext.Ajax.on({
'requestcomplete': function(conn, response) {
if (response.status == 419) {
// redirection to login page
}
}
});