IE8/IE9下Ajax緩存問題
ajax簡介
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。
AJAX = 異步 JavaScript和XML(標準通用標記語言的子集)。
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。
通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下,對網(wǎng)頁的某部分進行更新。
步入正題:
最近在做一個網(wǎng)站的登錄注冊框,前端使用了jquery。由于sign和login不是在單獨的頁面上,而是以一個彈出框出現(xiàn)。所以決定使用ajax來實現(xiàn)注冊和登錄功能。本以為可以一帆風(fēng)順,結(jié)果在測試的時候發(fā)現(xiàn)了奇怪的問題。
在用chrome , ff , IE10+測試的時候基本沒問題,但在IE8,9上運行時卻出現(xiàn)了輸入正確的用戶名和密碼不能登錄的情況。一開始還以為是session丟失了,開始吐槽后臺的框架。
但是在耐心的調(diào)試后,發(fā)現(xiàn)session并沒有丟失。這下可急死我了,難道混了這么久連一個注冊登錄都搞不定?這讓我不禁妄自菲薄,感嘆人生百態(tài),世事無常。就這樣過了1/3炷香之后,我決定要振作起來。
在仔細觀察我那沒長幾個注釋的代碼后,我發(fā)現(xiàn)$.ajax中的url有點奇怪。雖然地址是正確的,但程序猿和攻城獅的直覺告訴我,IE8 9兩兄弟有可能自作多情地緩存了我的ajax。想到這里,雙手突然有些顫抖,慌忙在url后加了個時間戳。
//就像這樣url:myurl+"?t="+(new Date).valueOf()
然后清個緩存再試試,成功!可以正常登錄了。
查了查百度,原來在IE8 9下,進行Ajax請求時,若與之前請求相同,則不會再從服務(wù)器獲取數(shù)據(jù),而是直接從本地獲取。
這樣,為了對付低版本IE過分的熱情,在使用$.ajax時可以將其cache屬性設(shè)置為false(未測試過),
cache:
要求為Boolean類型的參數(shù),默認為true(當dataType為script時,默認為false),設(shè)置為false將不會從瀏覽器緩存中加載請求信息。
或者在全局中設(shè)置(未測試過)
//$.ajaxSetup() 方法設(shè)置全局 AJAX 默認選項。$.ajaxSetup({ cache: false });
這樣就不用再擔心緩存了。
但是,緩存并非是為了給我們帶來麻煩而設(shè)置的,畢竟別的瀏覽器可以正常使用。所以,要為IE8 9單獨設(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緩存問題 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
AJAX亂碼與異步同步以及封裝jQuery庫實現(xiàn)步驟詳解
這篇文章主要介紹了異步通信技術(shù)AJAX亂碼問題、異步與同步、手動封裝一個jQuery庫,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01通過構(gòu)造AJAX參數(shù)實現(xiàn)表單元素JSON相互轉(zhuǎn)換
這篇文章主要介紹了通過構(gòu)造AJAX參數(shù)實現(xiàn)表單元素JSON相互轉(zhuǎn)換 的相關(guān)介紹,需要的朋友可以參考下2016-05-05AJAX和WebService實現(xiàn)省市縣三級聯(lián)動具體代碼
AJAX和WebService實現(xiàn)省市縣三級聯(lián)動效果,在瀏覽網(wǎng)頁的時候經(jīng)常會遇到過,下面與大家分享下具體的實現(xiàn)步驟2013-05-05ajax異步回調(diào)函數(shù)中給外部變量賦值的問題探討
ajax異步回調(diào)函數(shù)中給外部變量賦值的問題在本文將為大家詳細探討下,感興趣的朋友可以參考下2013-09-09使用Ajax、json實現(xiàn)京東購物車結(jié)算界面的數(shù)據(jù)交互實例
這篇文章主要介紹了使用Ajax、json實現(xiàn)京東購物車結(jié)算界面的數(shù)據(jù)交互實例,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02