ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题

2019-12-24,,,

在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。

总结一下解决办法
在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱,[即get方式时,获取数据,因发送参数和地址都一致,故IE浏览器会从缓存中取,而不会去请求服务器端,而post方式因为参数的不同,不会产生这个问题]而FF下不会出现这种情况。为了不受缓存影响,可以这样做:

IE访问策略
Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以
1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数

在javascript发送的URL后加上
1 t=Math.random()

例如这样:
1 URL+"&"+"t="+Math.random();//或者new Date();

在 URL 参数后加上 www.hake.cc
1 "?timestamp=" + new Date().getTime();

最好的方法
1 $.ajaxSetup({cache:false})
这样页面中所有的ajax请求时,都执行这个。就不必改已经完成的N个接口

您可能感兴趣的文章:

  • bootstrapTable+ajax加载数据 refresh更新数据
  • Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
  • Vue2.X 通过AJAX动态更新数据
  • jquery+ajaxform+springboot控件实现数据更新功能
  • 利用jQuery及AJAX技术定时更新GridView的某一列数据
  • jquery ajax 局部无刷新更新数据的实现案例
  • Ajax异步无刷新对局部数据更新
  • ajax异步刷新实现更新数据库
  • ajax更新数据后,jquery、jq失效问题
  • Ajax实现表格中信息不刷新页面进行更新数据

《ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题.doc》

下载本文的Word格式文档,以方便收藏与打印。