由于IE浏览器自己本身的原因,当你请求的接口没有变化的时候他会默认从缓存中去读取数据,在缓存过期之前,针对相同地址发起的多个Ajax请求,只有第一次会真正发送到服务端。在某些情况下,这种默认的缓存机制并不是我们希望的(比如获取实时数据),这篇文章就来简单地讨论这个问题,以及介绍几种解决方案。
1.在URL后面加上一个随机数: "?rand=" + Math.random()
由于IE针对Ajax请求的返回的结果是根据请求地址进行缓存的,所以如果不希望这个缓存机制生效,我们可以在每次请求时为请求地址添加不同的后缀来解决这个问题。针对这个例子,我们通过如下的代码为请求地址添加一个基于当前时间的查询字符串,再次运行程序后IE中将会显示实时的时间。
1: <!DOCTYPE html>
2: <html>
3:<head>
4: <script type="text/javascript">
5: $(function () {
6: window.setInterval(function () {
7: $.ajax({
8:url:'@Url.Action("GetCurrentTime")?'+ new Date().toTimeString() ,
9:success: function (result) {
10: $("ul").append("<li>" + result + "</li>");
11:}
12: });
13: }, 5000);
14: });
15: </script>
16:</head>
17: </html>
2.在URL后面加上一个随机数: "?rand=" + Math.random()
3.通过jQuery的Ajax设置解决问题
如果是使用jQuery,可以在开始的时候设置,清除缓存,$.ajaxSetup({cache:false})
实际上jQuery具有针对这个的Ajax设置,我们只需要按照如下的方式调用$.ajaxSetup方法禁止掉Ajaz的缓存机制。
1: <!DOCTYPE html>
2: <html>
3:<head>
4: <script type="text/javascript">
5: $(function () {
6: $.ajaxSetup({ cache: false });
7: window.setInterval(function () {
8: $.ajax({
9:url:'@Url.Action("GetCurrentTime")',
10:success: function (result) {
11: $("ul").append("<li>" + result + "</li>");
12:}
13: });
14: }, 5000);
15: });
16: </script>
17:</head>
18: </html>