如何在客户端（浏览器）AJAX 请求/响应对上实现拦截器模式？

Question

让我从一个现实生活中的用例开始：

DWR 在服务器端身份验证时变得混乱由于会话过期，过滤器尝试将 AJAX 请求重定向到登录页面。您想要添加一些过滤器，以便

1. HTTP 状态代码等于 3xx 的请求执行客户端重定向，例如 window.location = ...login.html
2. 请求其状态代码等于 2xx 的内容将原封不动地转发到任何已注册的处理程序，例如 DWR。
3. 其他代码，例如 4xx 可能会触发警报，而不是消失在深渊中。

我可能不需要解释为什么这种类型的功能会有用；大多数服务器端 Web 框架都支持拦截器模式，原因与您可能希望在客户端上使用拦截器模式的原因类似。

一种（可能是糟糕的）实现可能涉及将原始 XMLHttpRequest 对象包装在接受一些过滤器函数的代理中。由于 jQuery、Prototype、ExtJS 等都已经包装了本机浏览器 AJAX 对象，因此这可能是一个额外的步骤。

这可以本地实现吗？技术挑战是什么？以前有过类似的事情吗？

Answer 1

我已经实现了一些在 jQuery 环境中部分实现这一目标的东西。 jQuery AJAX 函数除了 error 和 success 函数外，还具有 complete 函数。因此，您可以执行类似的操作来根据返回的状态代码进行拦截和重定向：

complete:
    function() {
        if (data.status == 301 ||
            data.status == 302 ||
            // etc.
        ) {  
            location.replace('error.html')
        } 

...等。不完全“原生”，但在 jQuery 内部相对干净。