禁止ajax缓存获取程序最新数据的方法

 更新时间:2013年11月19日 15:38:55   作者:  
为了保证我们读取的信息都是最新的,我们需要禁止ajax的缓存功能,下面我就介绍一下这个方法的使用

今天做项目,几乎所有的提交都是通过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都会执行这条语句就是不需要保存缓

存记录。

相关文章

  • JavaScript中数组添加值和访问值常见问题

    JavaScript中数组添加值和访问值常见问题

    这篇文章主要介绍了JavaScript中数组添加值和访问值常见问题的相关资料
    2016-02-02
  • javascript实现动态标签云

    javascript实现动态标签云

    JS标签云效果,在鼠标的作用下会自动转动,整体上围绕成一个圆形,各个标签之间无需Div代码,直接文字+链接的形式,有多少就显示多少,JavaScript会自动调整显示数量,让视觉效果最佳。
    2015-10-10
  • JavaScript中的逻辑判断符&&、||与!介绍

    JavaScript中的逻辑判断符&&、||与!介绍

    这篇文章主要介绍了JavaScript中的逻辑判断符&&、||与!介绍,本文讲解了逻辑与&&的处理规则、逻辑或||的处理规则、!操作符,需要的朋友可以参考下
    2014-12-12
  • js canvas仿支付宝芝麻信用分仪表盘

    js canvas仿支付宝芝麻信用分仪表盘

    这篇文章主要为大家详细介绍了js canvas仿支付宝芝麻信用分仪表盘,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • javascript 判断当前浏览器版本并判断ie版本

    javascript 判断当前浏览器版本并判断ie版本

    这篇文章主要介绍了javascript 判断当前浏览器版本并判断ie版本的相关资料,需要的朋友可以参考下
    2017-02-02
  • 快速解决layui弹窗按enter键不停弹窗的问题

    快速解决layui弹窗按enter键不停弹窗的问题

    今天小编就为大家分享一篇快速解决layui弹窗按enter键不停弹窗的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js 连续赋值的简单实现

    js 连续赋值的简单实现

    下面小编就为大家带来一篇js 连续赋值的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js实现楼层导航功能

    js实现楼层导航功能

    本文主要介绍了js实现楼层导航功能的示例,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js学习总结_轮播图之渐隐渐现版(实例讲解)

    js学习总结_轮播图之渐隐渐现版(实例讲解)

    下面小编就为大家带来一篇js学习总结_轮播图之渐隐渐现版(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JavaScript实现显示和隐藏图片

    JavaScript实现显示和隐藏图片

    这篇文章主要为大家详细介绍了JavaScript实现显示和隐藏图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04

最新评论