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)是這個問題!?。。E8肯跌啊。
但是 奇怪的是,很多地方都是這樣的代碼,為什么只有這里被緩存,而其他地方?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)站的支持!
相關(guān)文章
有關(guān)Ajax中g(shù)et和post的使用問題
下面小編就為大家?guī)硪黄嘘P(guān)Ajax中g(shù)et和post的使用問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06DELETE 請求如何通過ajax進行發(fā)送(方法小結(jié))
DELETE 請求用于向服務(wù)器發(fā)送刪除資源的請求,它是 RESTful API 中的一個重要方法,用于刪除指定的資源,本文給大家介紹DELETE 請求如何通過ajax進行發(fā)送,感興趣的朋友一起看看吧2023-11-11Ajax+Servlet實現(xiàn)無刷新下拉聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了Ajax+Servlet實現(xiàn)無刷新下拉聯(lián)動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11用juery的ajax方法調(diào)用aspx.cs頁面中的webmethod方法示例
juery的ajax調(diào)用aspx.cs頁面中的webmethod方法:首先在 aspx.cs文件里建一個公開的靜態(tài)方法,然后加上WebMethod屬性,具體實現(xiàn)如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07