使用jQ 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 }
- });
原文鏈接:http://www.cnblogs.com/kuibono/archive/2012/05/25/2517944.html
【編輯推薦】