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)頁的情況下，對網(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ù)，而是直接從本地獲取。

　　這樣，為了對付低版本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){//做處理 }