使用jQuery Ajax功能時需要注意的一個問題(記憶體溢出)_jquery

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

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

通過查看jquery API,發現jquery還有一個 complete對象,是請求完成後回呼函數 (請求成功或失敗之後均調用)。 同時有兩個參數XMLHttpRequest, textStatus。所以,我們只需要在請求完成後,將傳回的XMLHttprequest對象手工回收即可,代碼如下:
複製代碼 代碼如下:

$.ajax({
url: "http://www.jb51.net",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.