IE8/IE9下Ajax緩存問題的示例分析

這篇文章主要為大家展示了“IE8/IE9下Ajax緩存問題的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“IE8/IE9下Ajax緩存問題的示例分析”這篇文章吧。

ajax簡介

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)建快速動態(tài)網(wǎng)頁的技術(shù)。

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

步入正題：

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

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

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

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

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

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

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

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

　　　　　　cache:

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

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

//$.ajaxSetup() 方法設(shè)置全局 AJAX 默認(rèn)選項。$.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被更換類型后，無法保持前一個類型所設(shè)的值if(!$.support.radioValue&&!$.support.noCloneChecked){
//做處理 
}

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

以上是“IE8/IE9下Ajax緩存問題的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！