ajax簡(jiǎn)介

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。

AJAX = 異步 JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集）。

AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。

通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。

步入正題：

最近在做一個(gè)網(wǎng)站的登錄注冊(cè)框，前端使用了jquery。由于sign和login不是在單獨(dú)的頁(yè)面上，而是以一個(gè)彈出框出現(xiàn)。所以決定使用ajax來(lái)實(shí)現(xiàn)注冊(cè)和登錄功能。本以為可以一帆風(fēng)順，結(jié)果在測(cè)試的時(shí)候發(fā)現(xiàn)了奇怪的問(wèn)題。

　　在用chrome , ff , IE10+測(cè)試的時(shí)候基本沒(méi)問(wèn)題，但在IE8,9上運(yùn)行時(shí)卻出現(xiàn)了輸入正確的用戶名和密碼不能登錄的情況。一開(kāi)始還以為是session丟失了，開(kāi)始吐槽后臺(tái)的框架。

　　但是在耐心的調(diào)試后，發(fā)現(xiàn)session并沒(méi)有丟失。這下可急死我了，難道混了這么久連一個(gè)注冊(cè)登錄都搞不定？這讓我不禁妄自菲薄，感嘆人生百態(tài),世事無(wú)常。就這樣過(guò)了1/3炷香之后，我決定要振作起來(lái)。

　　在仔細(xì)觀察我那沒(méi)長(zhǎng)幾個(gè)注釋的代碼后，我發(fā)現(xiàn)$.ajax中的url有點(diǎn)奇怪。雖然地址是正確的，但程序猿和攻城獅的直覺(jué)告訴我，IE8 9兩兄弟有可能自作多情地緩存了我的ajax。想到這里，雙手突然有些顫抖，慌忙在url后加了個(gè)時(shí)間戳。

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

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

　　查了查百度，原來(lái)在IE8 9下，進(jìn)行Ajax請(qǐng)求時(shí)，若與之前請(qǐng)求相同，則不會(huì)再?gòu)姆?wù)器獲取數(shù)據(jù)，而是直接從本地獲取。

　　這樣，為了對(duì)付低版本IE過(guò)分的熱情，在使用$.ajax時(shí)可以將其cache屬性設(shè)置為false（未測(cè)試過(guò)），

　　　　　　cache:

　　　　　　　　　　要求為Boolean類型的參數(shù)，默認(rèn)為true（當(dāng)dataType為script時(shí)，默認(rèn)為false），設(shè)置為false將不會(huì)從瀏覽器緩存中加載請(qǐng)求信息。

或者在全局中設(shè)置(未測(cè)試過(guò))

//$.ajaxSetup() 方法設(shè)置全局 AJAX 默認(rèn)選項(xiàng)。$.ajaxSetup({ cache: false }); 

　　這樣就不用再擔(dān)心緩存了。

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

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

　　在1.9.0之后可以使用$.support來(lái)判斷

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

　　$.support主要用于 jQuery 的內(nèi)部使用，感覺(jué)一點(diǎn)也不好用。

以上所述是小編給大家介紹的IE8/IE9下Ajax緩存問(wèn)題 ，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論