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

IE针对Ajax请求结果的缓存/ IE浏览器同一个请求第二次是缓存

一.在AJAX请求的属性上直接设置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请求的返回的结果是根据请求地址进行缓存的，所以如果不希望这个缓存机制生效，我们可以在每次请求时为请求地址添加不同的后缀来解决这个问题。针对这个例子，我们通过如下的代码为请求地址添加一个基于当前时间的查询字符串，再次运行程序后IE中将会显示实时的时间。

<!DOCTYPE html>

<html>

<head>

$(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设置解决问题
实际上jQuery具有针对这个的Ajax设置，我们只需要按照如下的方式调用$.ajaxSetup方法禁止掉Ajaz的缓存机制。

<!DOCTYPE html>

<html>

<head>

$(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 在代码上奔跑阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/liukaijie/p/8445222.html

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

AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
根据视频进行整理 [https://www.bilibili.com/video/BV1WC4y1b78y?p=1] 视频资料百度网盘: 链接:[https://pan.baidu.com/s/1n ...
浏览器发起请求到服务器处理请求的过程
前言问题:为什么很多站点第二次打开速度会很快? 前面我们已经说了tcp的一些流程,而http协议是建立在tcp协议基础之上的 http是一种无状态的丶允许浏览器向允许浏览器向服务器获取资源的协议,是W ...
Hibernate缓存-使用Ehcache让实体对象集合对象缓存
考虑到效率和对数据库的压力,使用缓存或者内存缓存,可以提高反应速度和减轻数据库压力.hibernate中支持的比较多,在hibernate给的文档"提升性能"章节有详细介绍: hi ...
h5离线缓存与浏览器缓存的区别
离线缓存允许我们在没网的时候通过读取离线文件进行站点的访问,而浏览器缓存即使浏览器又对资源文件的缓存也必须在有网的情况下读取缓存文件以提高文件加载速度,没网的时候依然显示网络断开的错误. 转载于:ht ...
【AJAX 笔记】AJAX 基本、HTTP 基本、原生 AJAX 的使用，jQuery / Axios / fetch 发送请求、跨域（JSONP/CORS）
文章目录 1 Ajax 概述 1.1 AJAX 简介 1.2 XML 简介 1.3 AJAX 的特点 1.3.1 AJAX 的优点 1.3.2 AJAX 的缺点 1.4 AJAX 属性和方法 2. H ...
谷歌插件开发ajax请求,Chrome扩展开发，跨域请求API
起因这次问题是从Btools更换获取数据方式开始的,因为B站收藏夹在前台页面返回的数据中删除了失效视频的封面和标题,导致原来的程序无法获取视频信息. 于是我就想如果请求收藏夹的API,是否可以获取这 ...
ie9浏览器两个ajax请求同步不兼容_浏览器拦截问题
问题描述: 1.在JS中直接使用window.open(url,"_blank")来打开新窗口是会被拦截的.PS:window.open(url,"_self" ...
FlexChart: 针对AJAX的Flash绘图应用
FlexChart: 针对AJAX的Flash绘图应用作者 Jon Rose 译者崔康 FlexChart是一款开源的Flash应用,用在AJAX程序中.该绘图应用是通过XML动态驱动的.Ba ...
ajax option请求后无post请求_ThingJS：一种浏览器、服务器和技术的新组合方法——Ajax...
Web应用是一种极大方便用户的操作界面,数据维护技术Ajax也从中脱颖而出,ThingJS采用了Ajax的数据维护能够形成轻量化的开发流程. 为什么Ajax 通过XHR 实现Ajax 通信的一个主要限 ...

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

IE针对Ajax请求结果的缓存/ IE浏览器同一个请求第二次是缓存

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

最新文章

热门文章