使用jQuery Ajax功能時需要注意的一個問題(內存溢出)

2024-05-06 14:21:49

字體：大中小

來源：轉載

供稿：網友

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

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

通過查看jquery API，發現jquery還有一個 complete對象，是請求完成后回調函數 (請求成功或失敗之后均調用)。同時有兩個參數XMLHttpRequest, textStatus。所以，我們只需要在請求完成后，將傳回的XMLHttprequest對象手工回收即可，代碼如下：
代碼如下:
$.ajax({
url: "http://m.survivalescaperooms.com",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});

上一篇：基于jQuery的360圖片展示實現代碼

下一篇：javascript簡單拖拽實現代碼(鼠標事件 mousedown mousemove mouseup)