最近發(fā)現(xiàn)jQuery越來越火，用它的人也越來越多。jQuery***大的亮點莫過于它的CSS3 selector和極其簡單的Ajax請求調(diào)用。

最近一哥們在做一個Ajax長連接的項目，頁面需要和服務(wù)器保持長連接，而且在連接超時后需要重新請求連接，過程中他問我要用到什么，我也是想都沒想就告訴他用jQuery。jQuery不是有ajaxSuccess  ajaxError這些對象嗎，在請求完成或者請求失敗后重新請求不就好了。

但是后來他告訴我說沒有用 jQuery，自己手工寫的XMLhttprequest 。他告訴我說，開始是用jquery寫的，而且在測試過程中也沒有出現(xiàn)問題。但是在后來無意中發(fā)現(xiàn)，在頁面開的時候久了之后，瀏覽器資源竟然占用非常高導(dǎo)致內(nèi)存不足而崩潰了。后來抓包分析發(fā)現(xiàn)，每次jquery的Ajax請求都會創(chuàng)建一個xmlHttprequest對象，理論上講，長連接的請求是一個無限遞歸，請求數(shù)量是非常大的，但是由于每次請求都會建立一個新的xmlhttprequest，而且jquery不會自動回收資源，所以導(dǎo)致了內(nèi)存溢出。

通過查看jquery API，發(fā)現(xiàn)jquery還有一個 complete對象，是請求完成后回調(diào)函數(shù) (請求成功或失敗之后均調(diào)用)。 同時有兩個參數(shù)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 }  
}); 

原文鏈接：http://www.cnblogs.com/kuibono/archive/2012/05/25/2517944.html

【編輯推薦】

1. 新版jQuery div彈出層的ajax登錄
2. jQuery Ajax請求狀態(tài)管理器
3. jQuery插件之Ajax自動完成
4. 深入淺出JSONP：解決AJAX跨域問題
5. Ajax應(yīng)用：使用jQuery和PHP實現(xiàn)功能開關(guān)效果