最近一哥们在做一个Ajax长连接的项目，页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接，过程中他问我要用到什么，我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess ajaxError这些对象吗，在请求完成或者请求失败后重新请求不就好了。
但是后来他告诉我说没有用 jQuery，自己手工写的XMLhttprequest 。他告诉我说，开始是用jquery写的，而且在测试过程中也没有出现问题。但是在后来无意中发现，在页面开的时候久了之后，浏览器资源竟然占用非常高导致内存不足而崩溃了。后来抓包分析发现，每次jquery的Ajax请求都会创建一个xmlHttprequest对象，理论上讲，长连接的请求是一个无限递归，请求数量是非常大的，但是由于每次请求都会建立一个新的xmlhttprequest，而且jquery不会自动回收资源，所以导致了内存溢出。
通过查看jquery API，发现jquery还有一个 complete对象，是请求完成后回调函数 (请求成功或失败之后均调用)。 同时有两个参数XMLHttpRequest, textStatus。所以，我们只需要在请求完成后，将传回的XMLHttprequest对象手工回收即可，代码如下：
$.ajax({
url: "http://www.jb51.net",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});
但是后来他告诉我说没有用 jQuery，自己手工写的XMLhttprequest 。他告诉我说，开始是用jquery写的，而且在测试过程中也没有出现问题。但是在后来无意中发现，在页面开的时候久了之后，浏览器资源竟然占用非常高导致内存不足而崩溃了。后来抓包分析发现，每次jquery的Ajax请求都会创建一个xmlHttprequest对象，理论上讲，长连接的请求是一个无限递归，请求数量是非常大的，但是由于每次请求都会建立一个新的xmlhttprequest，而且jquery不会自动回收资源，所以导致了内存溢出。
通过查看jquery API，发现jquery还有一个 complete对象，是请求完成后回调函数 (请求成功或失败之后均调用)。 同时有两个参数XMLHttpRequest, textStatus。所以，我们只需要在请求完成后，将传回的XMLHttprequest对象手工回收即可，代码如下：
复制代码 代码如下:
$.ajax({
url: "http://www.jb51.net",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});
网友评论文明上网理性发言已有0人参与
发表评论: