jquery不会自动回收xmlHttpRequest对象导致了内存溢出

224 阅读 0 评论 148 点赞

我是靠谱客的博主文艺毛巾，最近开发中收集的这篇文章主要介绍jquery不会自动回收xmlHttpRequest对象导致了内存溢出，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

之前一直都不曾注意到这一点，今天幸亏看了kuibono的文章，下面是kuibono给出的手动回收xmlHttpRequest对象的代码片断：
每次jquery的Ajax请求都会创建一个xmlHttprequest对象，理论上讲，长连接的请求是一个无限递归，请求数量是非常大的，但是由于每次请求都会建立一个新的xmlhttprequest，而且jquery不会自动回收资源，所以导致了内存溢出。

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

复制代码代码如下:

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