IE8/IE9下Ajax緩衝問題_AJAX相關

ajax簡介

AJAX即“Asynchronous Javascript And XML”（非同步JavaScript和XML），是指一種建立互動式網頁應用的網頁開發技術。

AJAX = 非同步 JavaScript和XML（標準通用標記語言 (SGML)的子集）。

AJAX 是一種用於建立快速動態網頁的技術。

通過在後台與伺服器進行少量資料交換，AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。

步入正題：

最近在做一個網站的登入註冊框，前端使用了jquery。由於sign和login不是在單獨的頁面上，而是以一個彈出框出現。所以決定使用ajax來實現註冊和登入功能。本以為可以一帆風順，結果在測試的時候發現了奇怪的問題。

　　在用chrome , ff , IE10+測試的時候基本沒問題，但在IE8,9上運行時卻出現了輸入正確的使用者名稱和密碼不能登入的情況。一開始還以為是session丟失了，開始吐槽背景架構。

　　但是在耐心的調試後，發現session並沒有丟失。這下可急死我了，難道混了這麼久連一個註冊登入都搞不定？這讓我不禁妄自菲薄，感歎人生百態,世事無常。就這樣過了1/3炷香之後，我決定要振作起來。

　　在仔細觀察我那沒長几個注釋的代碼後，我發現$.ajax中的url有點奇怪。雖然地址是正確的，但程式猿和攻城獅的直覺告訴我，IE8 9兩兄弟有可能自作多情地緩衝了我的ajax。想到這裡，雙手突然有些顫抖，慌忙在url後加了個時間戳記。

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

　　然後清個緩衝再試試，成功！可以正常登入了。

　　查了查百度，原來在IE8 9下，進行Ajax請求時，若與之前請求相同，則不會再從伺服器擷取資料，而是直接從本地擷取。

　　這樣，為了對付低版本IE過分的熱情，在使用$.ajax時可以將其cache屬性設定為false（未測試過），

　　　　　　cache:

　　　　　　　　　　要求為Boolean類型的參數，預設為true（當dataType為script時，預設為false），設定為false將不會從瀏覽器緩衝中載入請求資訊。

或者在全域中設定(未測試過)

//$.ajaxSetup() 方法設定全域 AJAX 預設選項。$.ajaxSetup({ cache: false }); 

　　這樣就不用再擔心緩衝了。

　　但是，緩衝並非是為了給我們帶來麻煩而設定的，畢竟別的瀏覽器可以正常使用。所以，要為IE8 9單獨設定禁用緩衝中的資訊。

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

　　在1.9.0之後可以使用$.support來判斷

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

　　$.support主要用於 jQuery 的內部使用，感覺一點也不好用。

以上所述是小編給大家介紹的IE8/IE9下Ajax緩衝問題 ，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！