首頁  >  文章  >  web前端  >  IE8/IE9下Ajax快取問題

IE8/IE9下Ajax快取問題

亚连
亚连原創
2018-05-23 16:49:071478瀏覽

本文介紹給大家的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:

##      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){
//做处理 
}

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

IE8用ajax存取不能每次都刷新的問題

Ajax呼叫restful介面傳送Json格式資料的方式(附程式碼)

Boa伺服器下的ajax與cgi通訊(圖文教學)#

以上是IE8/IE9下Ajax快取問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn