使用jQuery Ajax功能的时候需要注意的一个问题

---

每次jquery的Ajax请求都会创建一个xmlHttprequest对象，理论上讲，长连接(页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接)的请求是一个无限递归，请求数量是非常大的，但是由于每次请求都会建立一个新的xmlhttprequest，而且jquery不会自动回收资源，所以导致了内存溢出。

通过查看jquery API，发现jquery还有一个 complete对象，是请求完成后回调函数 (请求成功或失败之后均调用)。 同时有两个参数XMLHttpRequest, textStatus。所以，我们只需要在请求完成后，将传回的XMLHttprequest对象手工回收即可，代码如下：

$.ajax({
    url: "http://www.aizr.net",
    data: { name: "xxxx" },
    dataType: "xml",
    success: function (data, textStatus) {
       //do something...
    },
    complete: function (XHR, TS) { XHR = null }
});

我们可以重写ajax:

(function($){
    //备份jquery的ajax方法
    var _ajax=$.ajax;
    
    //重写jquery的ajax方法
    $.ajax=function(opt){
        //备份opt中error和success方法
        var fn = {
            error:function(XMLHttpRequest, textStatus, errorThrown){},
            success:function(data, textStatus){}
        }
        if(opt.error){
            fn.error=opt.error;
        }
        if(opt.success){
            fn.success=opt.success;
        }
        
        //扩展增强处理
        var _opt = $.extend(opt,{
            error:function(XMLHttpRequest, textStatus, errorThrown){
                //错误方法增强处理
                
                fn.error(XMLHttpRequest, textStatus, errorThrown);
            },
            success:function(data, textStatus){
                //成功回调方法增强处理
                
                fn.success(data, textStatus);
            }
        });
        _ajax(_opt);
    };
})(jQuery);

这样写的目的就是增强，作用：可以提高用户体验，可以统一处理ajax返回的服务端错误。