码迷,mamicode.com
首页 > Web开发 > 详细

ajax中浏览器的缓存问题解决方法

时间:2019-09-21 10:56:56      阅读:79      评论:0      收藏:0      [点我收藏+]

标签:通过   不能   any   dom   信息   重复数据   复数   ajax   存在   

ajax能提高页面载入的速度主要原因是通过ajax减少了重复数据的载入,也就是说在载入数据的同时将数据缓存到内存中,一旦数据被加载其中,只要我们没有刷新页面,这些数据就会一直被缓存在内存中,当我们提交的URL与历史的URL一致时,就不需要提交给服务器,也就是不需要从服务器上面获取数据,虽然这样降低了服务器的负载提高了用户的体验,但是我们不能获取最新的数据。为了保证我们读取的信息都是最新的,我们就需要禁止他的缓存功能。

解决方案有如下几种: 

1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。 

2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。 

3、在URL后面加上一个随机数: "fresh=" + Math.random();。 

4、在URL后面加上时间搓:"nowtime=" + new Date().getTime();。 

5、如果是使用jQuery,直接这样就可以了$.ajaxSetup({cache:false})。这样页面的所有ajax都会执行这条语句就是不需要保存缓存记录。

ajax中浏览器的缓存问题解决方法

标签:通过   不能   any   dom   信息   重复数据   复数   ajax   存在   

原文地址:https://www.cnblogs.com/psxiao/p/11561557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!