最近發(fā)現(xiàn)jQuery越來(lái)越火，用它的人也越來(lái)越多。jQuery最強(qiáng)大的亮點(diǎn)莫過(guò)于它的CSS3 selector和極其簡(jiǎn)單的Ajax請(qǐng)求調(diào)用。

?

最近一哥們?cè)谧鲆粋€(gè)Ajax長(zhǎng)連接的項(xiàng)目，頁(yè)面需要和服務(wù)器保持長(zhǎng)連接，而且在連接超時(shí)后需要重新請(qǐng)求連接，過(guò)程中他問(wèn)我要用到什么，我也是想都沒(méi)想就告訴他用jQuery。jQuery不是有ajaxSuccess??ajaxError這些對(duì)象嗎，在請(qǐng)求完成或者請(qǐng)求失敗后重新請(qǐng)求不就好了。

?

但是后來(lái)他告訴我說(shuō)沒(méi)有用 jQuery，自己手工寫的XMLhttprequest 。他告訴我說(shuō)，開始是用jquery寫的，而且在測(cè)試過(guò)程中也沒(méi)有出現(xiàn)問(wèn)題。但是在后來(lái)無(wú)意中發(fā)現(xiàn)，在頁(yè)面開的時(shí)候久了之后，瀏覽器資源竟然占用非常高導(dǎo)致內(nèi)存不足而崩潰了。后來(lái)抓包分析發(fā)現(xiàn)，每次jquery的Ajax請(qǐng)求都會(huì)創(chuàng)建一個(gè)xmlHttprequest對(duì)象，理論上講，長(zhǎng)連接的請(qǐng)求是一個(gè)無(wú)限遞歸，請(qǐng)求數(shù)量是非常大的，但是由于每次請(qǐng)求都會(huì)建立一個(gè)新的xmlhttprequest，而且jquery不會(huì)自動(dòng)回收資源，所以導(dǎo)致了內(nèi)存溢出。

?

通過(guò)查看jquery API，發(fā)現(xiàn)jquery還有一個(gè)?complete對(duì)象，是請(qǐng)求完成后回調(diào)函數(shù) (請(qǐng)求成功或失敗之后均調(diào)用)。 同時(shí)有兩個(gè)參數(shù)XMLHttpRequest, textStatus。所以，我們只需要在請(qǐng)求完成后，將傳回的XMLHttprequest對(duì)象手工回收即可，代碼如下：

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/kuibono/archive/2012/05/25/jquery_Recover_xmlhttprequest.html

總結(jié)

以上是生活随笔為你收集整理的使用jQuery Ajax功能的时候需要注意的一个问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。