防止在用户未登录时进行 AJAX 调用

Prevent AJAX calls when users are not logged in

本文关键字：AJAX 调用 登录 用户      更新时间：2023-09-26

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错误（我不知道要覆盖什么才能实现这一目标。

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的文档

request是一个

方法，所以你不能以这种方式覆盖它。相反，你想要这样的东西（未经测试）：

var original = Ext.Ajax.request;
Ext.Ajax.request = function() {
    if (everythingIsFine) {
        original.apply(Ext.Ajax, arguments);
    }
}
相关文章：