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

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對(duì)網(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í)行到這里，實(shí)際上，并沒有訪問我們后臺(tái)的代碼，而是使用了以前緩存的結(jié)果，后臺(tái)進(jìn)行調(diào)試時(shí)，沒有反應(yīng)，才發(fā)現(xiàn)是這個(gè)問題?。。?！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 后面加上時(shí)間戳等方法。

教訓(xùn)：

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

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

$.ajaxSetup({ cache: false }); 

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

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

最新評(píng)論