javascript - 当用户未登录时防止 AJAX 调用

Question

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 身份验证超时”。我认为这应该是正确的方法，但我无法“捕获” 419 错误(我不知道到底要重写什么才能实现此目的。)

Answer 1

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

要防止请求被触发，您可以使用 beforerequest并在你的监听器中返回 false:

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

还有requestcomplete和 requestexception ，您可以在其中检查 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 的文档