首頁 >web前端 >js教程 >IE8下Ajax快取問題及解決方法

IE8下Ajax快取問題及解決方法

亚连
亚连原創
2018-05-23 16:54:101612瀏覽

AJAX即「Asynchronous Javascript And XML」(非同步JavaScript和XML),是指一種建立互動式網頁應用程式的網頁開發技術。接下來透過本文來跟大家介紹IE8下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/IE9下Ajax快取問題


IE8用ajax存取不能每次都刷新的問題


IE下Ajax提交亂碼的快速解決方法


##

以上是IE8下Ajax快取問題及解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn