如何解決IE8下Ajax緩存問題

小編給大家分享一下如何解決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ù)器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

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

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

經(jīng)過仔細(xì)排查，尼瑪是 IE8 存在的 ajax 緩存問題。尼瑪，執(zhí)行到這里，實際上，并沒有訪問我們后臺的代碼，而是使用了以前緩存的結(jié)果，后臺進行調(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緩存問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！