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)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。
通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下,對(duì)網(wǎng)頁的某部分進(jìn)行更新。
步入正題:
最近在做一個(gè)網(wǎng)站的登錄注冊框,前端使用了jquery。由于sign和login不是在單獨(dú)的頁面上,而是以一個(gè)彈出框出現(xiàn)。所以決定使用ajax來實(shí)現(xiàn)注冊和登錄功能。本以為可以一帆風(fēng)順,結(jié)果在測試的時(shí)候發(fā)現(xiàn)了奇怪的問題。
在用chrome , ff , IE10+測試的時(shí)候基本沒問題,但在IE8,9上運(yùn)行時(shí)卻出現(xiàn)了輸入正確的用戶名和密碼不能登錄的情況。一開始還以為是session丟失了,開始吐槽后臺(tái)的框架。
但是在耐心的調(diào)試后,發(fā)現(xiàn)session并沒有丟失。這下可急死我了,難道混了這么久連一個(gè)注冊登錄都搞不定?這讓我不禁妄自菲薄,感嘆人生百態(tài),世事無常。就這樣過了1/3炷香之后,我決定要振作起來。
在仔細(xì)觀察我那沒長幾個(gè)注釋的代碼后,我發(fā)現(xiàn)$.ajax中的url有點(diǎn)奇怪。雖然地址是正確的,但程序猿和攻城獅的直覺告訴我,IE8 9兩兄弟有可能自作多情地緩存了我的ajax。想到這里,雙手突然有些顫抖,慌忙在url后加了個(gè)時(shí)間戳。
//就像這樣url:myurl+"?t="+(new Date).valueOf()
然后清個(gè)緩存再試試,成功!可以正常登錄了。
查了查百度,原來在IE8 9下,進(jìn)行Ajax請求時(shí),若與之前請求相同,則不會(huì)再從服務(wù)器獲取數(shù)據(jù),而是直接從本地獲取。
這樣,為了對(duì)付低版本IE過分的熱情,在使用$.ajax時(shí)可以將其cache屬性設(shè)置為false(未測試過),
cache:
要求為Boolean類型的參數(shù),默認(rèn)為true(當(dāng)dataType為script時(shí),默認(rèn)為false),設(shè)置為false將不會(huì)從瀏覽器緩存中加載請求信息。
或者在全局中設(shè)置(未測試過)
//$.ajaxSetup() 方法設(shè)置全局 AJAX 默認(rèn)選項(xiàng)。$.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被更換類型后,無法保持前一個(gè)類型所設(shè)的值if(!$.support.radioValue&&!$.support.noCloneChecked){
//做處理
}
$.support主要用于 jQuery 的內(nèi)部使用,感覺一點(diǎn)也不好用。
以上所述是小編給大家介紹的IE8/IE9下Ajax緩存問題 ,希望對(duì)大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫的全盤操作流程,希望本文對(duì)廣大php開發(fā)者有所幫助,感謝閱讀本文2014-01-01
ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析
今天小編就為大家分享一篇ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
如何實(shí)現(xiàn)ajax延時(shí)發(fā)送在空閑之后去發(fā)送ajax請求
關(guān)鍵字搜索的功能,還是比較實(shí)用的,在實(shí)現(xiàn)過程中就需用到ajax延時(shí)發(fā)送,下面有個(gè)不錯(cuò)的示例,有需要的朋友可以參考下2013-12-12
ajax動(dòng)態(tài)查詢數(shù)據(jù)庫數(shù)據(jù)并顯示在前臺(tái)的方法
今天小編就為大家分享一篇ajax動(dòng)態(tài)查詢數(shù)據(jù)庫數(shù)據(jù)并顯示在前臺(tái)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
使用$.getJSON實(shí)現(xiàn)跨域ajax請求示例代碼
getJSON調(diào)用并獲取遠(yuǎn)程的JSON字符串,將其轉(zhuǎn)換為JSON對(duì)象,如果成功,則執(zhí)行回調(diào)函數(shù),下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2013-11-11
Ajax請求超時(shí)與網(wǎng)絡(luò)異常處理圖文詳解
最近在項(xiàng)目中遇到一個(gè)問題,當(dāng)加載數(shù)據(jù)量特別大的時(shí)候會(huì)出現(xiàn)加載超時(shí)現(xiàn)象,所以這篇文章主要給大家介紹了關(guān)于Ajax請求超時(shí)與網(wǎng)絡(luò)異常處理的相關(guān)資料,需要的朋友可以參考下2021-05-05

