最近做项目遇到一个比较普遍的问题：Ajax定时获取WebService数据时会出现内存泄露。
网上百度了很多解决方案都没能解决，有些方法在一小段时间内确实能有一定的内存回收，但是经过十几个小时的运行后，IE的内存依然增长到很大。
最终，通过google（看来真是验证了那句话：技术帖还是靠谷歌）找到了老外的解决方法。
代码如下：
1 //测试1 2 var interval; 3 function fire() { 4 interval = setInterval(GetCount, 1000); 5 } 6 7 function GetCount() { 8 var xhr = new XMLHttpRequest(); 9 10 xhr.open("POST", "C.asmx/GetCount", true); 11 xhr.onreadystatechange = function (event) { 12 if (xhr.readyState == 4 && xhr.status == 200) { 13 document.getElementById("tdmsg").innerHTML = "测试1：" + xhr.responseText; 14 xhr.onreadystatechange = new Function; 15 xhr = null; 16 } 17 }; 18 xhr.send(null); 19 } 20 21 fire(); 22 23 //测试2 24 var interval2; 25 function fire2() { 26 interval2 = setInterval(GetCount2, 200); 27 } 28 29 function GetCount2() { 30 var xhr = new XMLHttpRequest(); 31 32 xhr.open("POST", "D.asmx/GetCount", true); 33 xhr.onreadystatechange = function (event) { 34 if (xhr.readyState == 4 && xhr.status == 200) { 35 document.getElementById("testdiv").innerHTML = "测试2：" + xhr.responseText; 36 xhr.onreadystatechange = new Function; 37 xhr = null; 38 } 39 }; 40 xhr.send(null); 41 } 42 43 fire2(); 44 45 //测试3 46 var interval3; 47 function fire3() { 48 interval3 = setInterval(GetCount3, 300); 49 } 50 51 function GetCount3() { 52 var xhr = new XMLHttpRequest(); 53 54 xhr.open("POST", "E.asmx/GetCount", true); 55 xhr.onreadystatechange = function (event) { 56 if (xhr.readyState == 4 && xhr.status == 200) { 57 document.getElementById("testdiv1").innerHTML = "测试3：" + xhr.responseText; 58 xhr.onreadystatechange = new Function; 59 xhr = null; 60 } 61 }; 62 xhr.send(null); 63 } 64 65 fire3();
一共三个WebService的调用，返回简单的数据累加。
这里采用三个Webservice主要是测试IE的稳定性。
WebService代码如下，三个都一样：
1 public class C : System.Web.Services.WebService 2 { 3 4 private static long count = 0; 5 6 [WebMethod] 7 public string GetCount() 8 { 9 10 return (++count).ToString(); 11 } 12 }
IE运行效果：
其中测试1采用了1秒的调用间隔，便于统计运行时间：
测试结果：
初始内存：
运行21617秒（360分钟左右）后：
内存：
6个小时的压力测试IE内存增加了10M左右，符合。因为之前的方案基本上一个小时就会有5M左右的内存增加。
