再议JQuery中Ajax内存溢出问题。

这个问题首先由使用jqPlot引发，当使用这个图形插件动态绘制图形的时候，浏览器会出现内存不断递增的情况，后来使用很多办法，但是效果都不理想。最后猜测可能和Ajax使用上有关。 

请看下面代码： 

Javascript代码  

1. $.ajax({  
2.     url : 'data_url',  
3.     dataType : "json",  
4.     success : function(data) {  
5.         var isEmpty = isBarChartDataEmpty(data);  
6.         if (isEmpty)  
7.             return;  
8.   
9.         引用data绘制图形  
10.         ……  
11.     },  
12.     error : function(XHRequest, status, data) {  
13.         XHRequest.abort();  
14.         clearPlotChart(g_typePlot);  
15.         typeChartTimer();  
16.     }  
17. });  

当我们在通过Ajax返回json对象时，如果对象里面还有数组，并且直接给其他插件或者全局代码使用后，没有得到释放。 

解决的办法就是使用slice()方法将Ajax返回的JSON对象中的数组复制出来使用，以避免对象引用而无法释放的问题。 

Javascript代码  

1. $.ajax({  
2.     url : 'data_url',  
3.     dataType : "json",  
4.     success : function(data) {  
5.         var isEmpty = isBarChartDataEmpty(data);  
6.         if (isEmpty)  
7.             return;  
8.   
9.         var chartTicks = data.ticks.slice(0);  
10.         var chartData = data.chartData.slice(0);  
11.   
12.     },  
13.     error : function(XHRequest, status, data) {  
14.         XHRequest.abort();  
15.         clearPlotChart(g_typePlot);  
16.         typeChartTimer();  
17.     }  
18. });  

如果有遇到Ajax导致内存泄露的情况，可以参考改方法试试。实现原则就是避免对象引用导致无法被释放的情况。