最近在做一個網站的登入注冊框,前端使用了jquery。由于sign和login不是在單獨的頁面上,而是以一個彈出框出現。是以決定使用ajax來實作注冊和登入功能。本以為可以一帆風順,結果在測試的時候發現了奇怪的問題。
在用chrome , ff , IE10+測試的時候基本沒問題,但在IE8,9上運作時卻出現了輸入正确的使用者名和密碼不能登入的情況。一開始還以為是session丢失了,開始吐槽背景的架構。
但是在耐心的調試後,發現session并沒有丢失。這下可急死我了,難道混了這麼久連一個注冊登入都搞不定?這讓我不禁妄自菲薄,感歎人生百态,世事無常。就這樣過了1/3炷香之後,我決定要振作起來。
在仔細觀察我那沒長幾個注釋的代碼後,我發現$.ajax中的url有點奇怪。雖然位址是正确的,但程式猿和攻城獅的直覺告訴我,IE8 9兩兄弟有可能自作多情地緩存了我的ajax。想到這裡,雙手突然有些顫抖,慌忙在url後加了個時間戳。
然後清個緩存再試試,成功!可以正常登入了。
查了查百度,原來在IE8 9下,進行Ajax請求時,若與之前請求相同,則不會再從伺服器擷取資料,而是直接從本地擷取。
這樣,為了對付低版本IE過分的熱情,在使用$.ajax時可以将其cache屬性設定為false(未測試過),
cache:
要求為Boolean類型的參數,預設為true(當dataType為script時,預設為false),設定為false将不會從浏覽器緩存中加載請求資訊。
或者在全局中設定(未測試過)
這樣就不用再擔心緩存了。
但是,緩存并非是為了給我們帶來麻煩而設定的,畢竟别的浏覽器可以正常使用。是以,要為IE8 9單獨設定禁用緩存中的資訊。
在1.9.0之後可以使用$.support來判斷
$.support主要用于 jQuery 的内部使用,感覺一點也不好用。
如果有錯誤或是更好的辦法請留言告訴我。