當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

IE针对Ajax请求结果的缓存IE浏览器同一个请求第二次是缓存数据不刷新

發(fā)布時間：2023/12/2 HTML 19 豆豆

生活随笔收集整理的這篇文章主要介紹了 IE针对Ajax请求结果的缓存IE浏览器同一个请求第二次是缓存数据不刷新小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

IE針對Ajax請求結(jié)果的緩存IE瀏覽器同一個請求第二次是緩存數(shù)據(jù)不刷新

IE針對Ajax請求結(jié)果的緩存/ IE瀏覽器同一個請求第二次是緩存

一.在AJAX請求的屬性上直接設(shè)置cache

function getSetServer (selectIDs) { $.ajax({ url:'/kl_eas/v1/monitor/servers?'+ new Date().toTimeString() , method:'get', async: false, cache:false,//這行去緩存,cache只有GET方式的時候有效。 dataType:'json', error: function (data) { console.log(data); }, success:function (data){ console.log(data ) bindData(data,selectIDs) } }); }

二、通過為URL地址添加后綴的方式解決問題
由于IE針對Ajax請求的返回的結(jié)果是根據(jù)請求地址進行緩存的，所以如果不希望這個緩存機制生效，我們可以在每次請求時為請求地址添加不同的后綴來解決這個問題。針對這個例子，我們通過如下的代碼為請求地址添加一個基于當前時間的查詢字符串，再次運行程序后IE中將會顯示實時的時間。

<!DOCTYPE html> <html> <head> <script type="text/javascript"> $(function () { window.setInterval(function () { $.ajax({ url:'@Url.Action("GetCurrentTime")?'+ new Date().toTimeString() , success: function (result) { $("ul").append("<li>" + result + "</li>"); } }); }, 5000); }); </script> </head> </html>

三、通過jQuery的Ajax設(shè)置解決問題
實際上jQuery具有針對這個的Ajax設(shè)置，我們只需要按照如下的方式調(diào)用$.ajaxSetup方法禁止掉Ajaz的緩存機制。

<!DOCTYPE html> <html> <head> <script type="text/javascript"> $(function () { $.ajaxSetup({ cache: false }); //這行 window.setInterval(function () { $.ajax({ url:'@Url.Action("GetCurrentTime")', success: function (result) { $("ul").append("<li>" + result + "</li>"); } }); }, 5000); }); </script> </head> </html> posted on 2018-02-12 17:53 在代碼上奔跑閱讀(...) 評論(...) 編輯收藏

轉(zhuǎn)載于:https://www.cnblogs.com/liukaijie/p/8445222.html

總結(jié)

以上是生活随笔為你收集整理的IE针对Ajax请求结果的缓存IE浏览器同一个请求第二次是缓存数据不刷新的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇：没有电脑怎么设置路由器无电脑如何重置路
下一篇： 2017年html5行业报告,云适配发布