IE8下Ajax緩存問題及解決辦法

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)建快速動態(tài)網(wǎng)頁的技術(shù)。

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

下面的代碼，在其他瀏覽器都是正常的，但是在IE8中出現(xiàn)詭異問題。

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

經(jīng)過仔細(xì)排查，尼瑪是 IE8 存在的 ajax 緩存問題。尼瑪，執(zhí)行到這里，實際上，并沒有訪問我們后臺的代碼，而是使用了以前緩存的結(jié)果，后臺進(jìn)行調(diào)試時，沒有反應(yīng)，才發(fā)現(xiàn)是這個問題?。。?！IE8肯跌啊。

但是 奇怪的是，很多地方都是這樣的代碼，為什么只有這里被緩存，而其他地方?jīng)]有緩存問題呢？

解決方法：

1.

$.ajaxSetup({ cache: false }); 

2. 參數(shù)加上屬性：cache：false

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

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

教訓(xùn)：

程序員真是應(yīng)該：過馬路要兩邊看！

不要太相信默認(rèn)值，需要什么屬性，一定要指明。所以最好每次都指明： cache:false，或者每個js 頁面保證在最開始處執(zhí)行一次：

$.ajaxSetup({ cache: false }); 

其實 路徑帶上時間戳或者隨機數(shù)的方法，有時并不可靠！可能是瀏覽器會忽略它吧。反正IE8多次遇到 url帶時間戳失效的情況。

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