DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> IE8/IE9下Ajax緩存問題
IE8/IE9下Ajax緩存問題
編輯:AJAX基礎知識     

ajax簡介

AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用的網頁開發技術。

AJAX = 異步 JavaScript和XML(標准通用標記語言的子集)。

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緩存問題 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved