使用jQuery Ajax功能時需要注意的一個問題(內(nèi)存溢出)
更新時間：2012年05月30日 15:26:18 作者：
最近發(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://m.fzitv.net",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});
但是后來他告訴我說沒有用 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對象手工回收即可，代碼如下：
復(fù)制代碼 代碼如下:
$.ajax({
url: "http://m.fzitv.net",
data: { name: "xxxx" },
dataType: "xml",
success: function (data, textStatus) {
//do something...
},
complete: function (XHR, TS) { XHR = null }
});
您可能感興趣的文章:
相關(guān)文章
這篇文章主要分享了15個大家都熟知的jquery小技巧，幫助提高你jQuery應(yīng)用的簡單小技巧，感興趣的小伙伴們可以參考一下2015-12-12
Select下拉框的問題，想在選擇一個選項后，前臺顯示做出變動，并且知道選擇的是第幾個選項。怎么解決這個問題呢？下面小編給大家分享SelecT下拉框選中和取值的解決方法，需要的朋友參考下吧2016-11-11
淺析jQuery中調(diào)用ajax方法時在不同瀏覽器中遇到的問題
這篇文章主要介紹了jQuery中調(diào)用ajax方法時在不同瀏覽器中遇到的問題，因不同瀏覽器默認(rèn)設(shè)置的不同造成的問題2014-06-06
jquery選擇符快速提取web表單數(shù)據(jù)示例
遇到要重復(fù)多次同樣的事時，就想找一種省時省力的方法，下面就為大家介紹下利用jquery選擇符快速提取web表單數(shù)據(jù)2014-03-03
這篇文章主要介紹了jQuery HTML css()方法與css類,結(jié)合實例形式詳細(xì)分析了jQuery HTML css()方法與css類相關(guān)函數(shù)用法與操作注意事項,需要的朋友可以參考下2020-05-05
jQuery.Validate 使用筆記(jQuery Validation范例 )
學(xué)習(xí)jQuery Validation，于是手寫一公共范例，并收藏以便后用,里面附有測試代碼，需要的朋友一起來測試。2010-06-06
Jquery css函數(shù)用法(判斷標(biāo)簽是否擁有某屬性)
Jquery css函數(shù)用法(判斷標(biāo)簽是否擁有某屬性) ，需要的朋友可以參考下。2011-05-05
JQuery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效
本文給大家分享的是2則使用jquery實現(xiàn)網(wǎng)頁右側(cè)隨動廣告特效的代碼，非常的簡單實用，有需要的小伙伴可以參考下。2016-01-01
jquery判斷單個復(fù)選框是否被選中的代碼，需要的朋友可以參考下。2009-09-09
jQuery實現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法,涉及jquery鏈?zhǔn)讲僮骷绊撁嬖貥邮娇刂频南嚓P(guān)技巧,需要的朋友可以參考下2015-07-07