如何在事件处理程序之前拦截jQuery中的ajax响应?

时间:2011-08-31 11:21:11

标签: ajax jquery

我想为所有AJAX请求注册一个全局事件处理程序,这样我就可以在特定事件处理程序获取之前拦截并处理来自服务器的响应。

例如,我的代码可能包含:

$("#placeholder").load("/fragments/userpics");

我想注册一个“before”事件处理程序,以便我可以,例如,如果返回401响应,则显示一个登录框,或者如果有503响应则可以重试。

我认为$.ajaxError()是我会做这样的事情,但显然它只是在事件处理程序后触发

更新:好的,这是我到目前为止得到的,在@genesis的帮助下:

$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
    var success = options.success;
    options.success = function(data, textStatus, jqXHR) {
        // override success handling
        if(typeof(success) === "function") return success(data, textStatus, jqXHR);
    };
    var error = options.error;
    options.error = function(jqXHR, textStatus, errorThrown) {
        // override error handling
        if(typeof(error) === "function") return error(jqXHR, textStatus, errorThrown);
    };
});

在做了一些测试后,看起来我还需要覆盖options.complete

但是,这仍然没有覆盖所有基础,因为您还可以将事件直接附加到jqXHR对象,在这种情况下更改options将无济于事。

任何提示?

3 个答案:

答案 0 :(得分:19)

如果要在事件处理程序之前处理从服务器返回的数据,请使用datafilter:

    jQuery.ajaxSetup({
        dataFilter: function (data, type) {
            //modify the data

            return data;
        }
    });

答案 1 :(得分:6)

  

在发送每个请求之前以及$ .ajax()处理它们之前处理自定义Ajax选项或修改现有选项。

http://api.jquery.com/jQuery.ajaxPrefilter/

我打赌它适用于.load(),

答案 2 :(得分:1)

Hugo Forte有正确答案,在调用任何事件处理程序之前拦截Ajax响应的唯一方法是使用dataFilter。

我今天必须使用它来处理在客户端重定向ajax响应而不会过多地重构代码。

$.ajaxSetup({
    dataFilter: function (data, type) {
        if (data !== "" && data === "NOAUTH") {
            window.location = '/';
        }
        return data;
    }
});