《轉》使用jQuery Ajax功能的時候需要注意的一個問題

最近發現jQuery越來越火，用它的人也越來越多。jQuery最強大的亮點莫過於它的CSS3 selector和極其簡單的Ajax請求調用。

 

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

 

但是後來他告訴我說沒有用 jQuery，自己手工寫的XMLhttprequest 。他告訴我說，開始是用jquery寫的，而且在測試過程中也沒有出現問題。但是在後來無意中發現，在頁面開的時候久了之後，瀏覽器資源竟然佔用非常高導致記憶體不足而崩潰了。後來抓包分析發現，每次jquery的Ajax請求都會建立一個xmlHttprequest對象，理論上講，長串連的請求是一個無限遞迴，請求數量是非常大的，但是由於每次請求都會建立一個新的xmlhttprequest，而且jquery不會自動回收資源，所以導致了記憶體溢出。

 

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