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

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

ajax簡介

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。

AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。

AJAX 是一種用于創建快速動態網頁的技術。

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

步入正題：

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

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

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

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

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

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

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

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

　　　　　　cache:

　　　　　　　　　　要求為Boolean類型的參數，默認為true（當dataType為script時，默認為false），設置為false將不會從瀏覽器緩存中加載請求信息。

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

//$.ajaxSetup() 方法設置全局 AJAX 默認選項。$.ajaxSetup({ cache: false });

　　這樣就不用再擔心緩存了。

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

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

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

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

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

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