DIV CSS 佈局教程網

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

Ajax簡介

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

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

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

通過在後台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。

下面的代碼,在其他浏覽器都是正常的,但是在IE8中出現詭異問題。

$.ajax({
url:dataUrl,
data:encodeURI(currentjsonform),
dataType:'JSON',
success:function(item){
debugger;
....
}
}); 

經過仔細排查,尼瑪是 IE8 存在的 ajax 緩存問題。尼瑪,執行到這裡,實際上,並沒有訪問我們後台的代碼,而是使用了以前緩存的結果,後台進行調試時,沒有反應,才發現是這個問題!!!!IE8肯跌啊。

但是 奇怪的是,很多地方都是這樣的代碼,為什麼只有這裡被緩存,而其他地方沒有緩存問題呢?

解決方法:

1.

$.ajaxSetup({ cache: false }); 

2. 參數加上屬性:cache:false

$.ajax({
url:dataUrl,
data:encodeURI(currentjsonform),
dataType:'JSON',
cache:false,
success:function(item){
debugger;
....
}
});

3. 還可以在 url 後面加上時間戳等方法。

教訓:

程序員真是應該:過馬路要兩邊看!

不要太相信默認值,需要什麼屬性,一定要指明。所以最好每次都指明: cache:false,或者每個js 頁面保證在最開始處執行一次:

$.ajaxSetup({ cache: false }); 

其實 路徑帶上時間戳或者隨機數的方法,有時並不可靠!可能是浏覽器會忽略它吧。反正IE8多次遇到 url帶時間戳失效的情況。

以上所述是小編給大家介紹的IE8下Ajax緩存問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

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