IE8/IE9下Ajax緩存問題

ajax簡(jiǎn)介

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

AJAX = 異步 JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）。

AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

步入正題：

最近在做一個(gè)網(wǎng)站的登錄注冊(cè)框，前端使用了jquery。由于sign和login不是在單獨(dú)的頁面上，而是以一個(gè)彈出框出現(xiàn)。所以決定使用ajax來實(shí)現(xiàn)注冊(cè)和登錄功能。本以為可以一帆風(fēng)順，結(jié)果在測(cè)試的時(shí)候發(fā)現(xiàn)了奇怪的問題。

　　在用chrome , ff , IE10+測(cè)試的時(shí)候基本沒問題，但在IE8,9上運(yùn)行時(shí)卻出現(xiàn)了輸入正確的用戶名和密碼不能登錄的情況。一開始還以為是session丟失了，開始吐槽后臺(tái)的框架。

　　但是在耐心的調(diào)試后，發(fā)現(xiàn)session并沒有丟失。這下可急死我了，難道混了這么久連一個(gè)注冊(cè)登錄都搞不定？這讓我不禁妄自菲薄，感嘆人生百態(tài),世事無常。就這樣過了1/3炷香之后，我決定要振作起來。

　　在仔細(xì)觀察我那沒長(zhǎng)幾個(gè)注釋的代碼后，我發(fā)現(xiàn)$.ajax中的url有點(diǎn)奇怪。雖然地址是正確的，但程序猿和攻城獅的直覺告訴我，IE8 9兩兄弟有可能自作多情地緩存了我的ajax。想到這里，雙手突然有些顫抖，慌忙在url后加了個(gè)時(shí)間戳。

//就像這樣url:myurl+"?t="+(new Date).valueOf() 

　　然后清個(gè)緩存再試試，成功！可以正常登錄了。

　　查了查百度，原來在IE8 9下，進(jìn)行Ajax請(qǐng)求時(shí)，若與之前請(qǐng)求相同，則不會(huì)再從服務(wù)器獲取數(shù)據(jù)，而是直接從本地獲取。

　　這樣，為了對(duì)付低版本IE過分的熱情，在使用$.ajax時(shí)可以將其cache屬性設(shè)置為false（未測(cè)試過），

　　　　　　cache:

　　　　　　　　　　要求為Boolean類型的參數(shù)，默認(rèn)為true（當(dāng)dataType為script時(shí)，默認(rèn)為false），設(shè)置為false將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息。

或者在全局中設(shè)置(未測(cè)試過)

//$.ajaxSetup() 方法設(shè)置全局 AJAX 默認(rèn)選項(xiàng)。$.ajaxSetup({ cache: false }); 

　　這樣就不用再擔(dān)心緩存了。

　　但是，緩存并非是為了給我們帶來麻煩而設(shè)置的，畢竟別的瀏覽器可以正常使用。所以，要為IE8 9單獨(dú)設(shè)置禁用緩存中的信息。

//jquery 1.9.0后取消了$.browserif($.browser.msie($.browser.version=="8.0"||$.browser.version=="9.0")){
//做處理 
}

　　在1.9.0之后可以使用$.support來判斷

// IE6789,input元素的checked屬性不能被拷貝// IE下，input被更換類型后，無法保持前一個(gè)類型所設(shè)的值if(!$.support.radioValue!$.support.noCloneChecked){
//做處理 
} 

　　$.support主要用于 jQuery 的內(nèi)部使用，感覺一點(diǎn)也不好用。

以上所述是小編給大家介紹的IE8/IE9下Ajax緩存問題 ，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！