用户未登录时阻止AJAX调用

时间:2013-11-12 22:23:52

标签: 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 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 Authentication Timeout”。我认为这应该是要走的路,但我不能让419错误被“抓住”(我不知道究竟要覆盖什么来实现这一点。)

2 个答案:

答案 0 :(得分:1)

request是一种方法,因此您无法以这种方式覆盖它。相反,你想要这样的东西(未经测试):

var original = Ext.Ajax.request;
Ext.Ajax.request = function() {
    if (everythingIsFine) {
        original.apply(Ext.Ajax, arguments);
    }
}

答案 1 :(得分:1)

Ext.Ajax上有几个事件,您可以在其中附加全局侦听器。

为防止请求被触发,您可以使用beforerequest并在侦听器中返回false:

Ext.Ajax.on({
    'beforerequest': function() {
        if (!loggedIn) {
            return false; // prevents request
        }
    }
});

还有requestcompleterequestexception,您可以在其中检查HTTP状态代码(不知道HTTP 419会触发哪两个):

Ext.Ajax.on({
    'requestcomplete': function(conn, response) {
        if (response.status == 419) {
            // redirection to login page
        }
    }
});

(文档链接适用于3.4.0,但所有事件也应在3.2.1中提供)

修改:ExtJS v3.2.1

的文档