`

Ajax缓存解决办法(转)

 
阅读更多

最近忙一个项目,遇到按钮多次点击时只有第一次可以的问题,开始怀疑是我的ajax缓存问题,搜到这篇文章顺利解决了我的问题,贴出来分享下:

原文如下:

项目有时要用一些Ajax的效果,因为比较简单,也就没有去用什么Ajax.net之类的东西,手写代码也就实现了。、

第二天,有人向我报告错误;说是只有第一次读取的值正常,后面的值都不正常;我调试了一下 ,确实有这样的问题,查出是因为AJAX缓存的问题:解决办法有如下几种:

      1、 在服务端加 header("Cache-Control: no-cache, must-revalidate");(如php中)

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

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

  4、 在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //当然这里参数 fresh 可以任意取了

  5、 第五种方法和第四种类似,在 URL 参数后加上 "?timestamp=" + new Date().getTime();

  6、 用POST替代GET:不推荐

 

1、加个随机数
      xmlHttp.open("GET", "ajax.asp?now=" + new Date().getTime(), true);

2、在要异步获取的asp页面中写一段禁止缓存的代码:
      Response.Buffer =True
      Response.ExpiresAbsolute =Now() - 1
      Response.Expires=0
      Response.CacheControl="no-cache"

3、在ajax发送请求前加上xmlHTTP.setRequestHeader("If-Modified-Since","0");可以禁止缓存
      xmlHTTP.open("get", URL, true);
      xmlHTTP.onreadystatechange = callHTML;
      xmlHTTP.setRequestHeader("If-Modified-Since","0");
      xmlHTTP.send();

另一个作者写到:

AJAX的缓存是由浏览器维持的,对于发向服务器的某个url,ajax仅在第一次请求时与服务器交互信息,之后的请求中,ajax不再向服务器提交请求,而是直接从缓存中提取数据。

有些情况下,我们需要每一次都从服务器得到更新后数据。思路是让每次请求的url都不同,而又不影响正常应用:在url之后加入随机内容。
e.g.
url=url+"&"+Math.random();

Key points:
1.每次请求的url都不一样(ajax的缓存便不起作用)
2.不影响正常应用(最基本的)

----------------
方法二:(未经证实)
在JSP中禁止缓存
response.addHeader("Cache-Control", "no-cache");
response.addHeader("Expires", "Thu, 01 Jan 1970 00:00:01 GMT");

HTTP:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<META HTTP-EQUIV="expires" CONTENT="0">

另一个作者写到:

我们都知道, ajax 能 提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再 做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中, 当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户的体验。

分享到:
评论

相关推荐

    IE8下Ajax缓存问题及解决办法

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。接下来通过本文给大家介绍IE8下Ajax缓存问题及解决办法,一起看下吧

    防止页面url缓存中ajax中post请求的处理方法

    主要介绍了防止页面url缓存中ajax中post请求的处理方式的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

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

    在做ajax页面无刷新添加的时候,IE下遭遇Ajax缓存,因为刚开始并不知道IE有这个坏毛病,折腾好久,终于解决问题。 总结一下解决办法: 在IE下用Ajax请求某一页面,通常会因为缓存的原因而返回上一次的结果,造成混乱...

    IE8/IE9下Ajax缓存问题

    本文给大家介绍的IE8/IE9下Ajax缓存问题的解决办法,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧

    IE下jquery ajax无法获得最新数据的问题解决(IE缓存)

    解决办法: 那就有思路了,我们可以让它每次请求的URL不一样,可以加一个参数,而且这个参数的值每次都不一样,时间戳最好不过了。 代码如下: url: ‘{0}/portal/articleManager/getContents?id={1

    快速解决jquery之get缓存问题的最简单方法介绍

    在ie系列下,$.get()方法在url地址固定时,会缓存返回结果,导致不可预料的问题。但在火狐下,则不会缓存。 要解决该问题有很多办法,最直接的是把$.get()方法换...一劳永逸的解决办法是设置全局参数,$.ajaxSetup({cac

    在Ajax中使用get和post所遇到的问题及解决办法

    使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端直接读取...解决办法:使用编码encodeURI(‘蜗牛’) 测试结果:通过使用Chrome测试,结果get的两种问题,都已经得到了解决 使用post遇到的问题:

    jquery 缓存问题的几个解决方法

    解决办法几个: 1.使用.ajax方法并设置 cache参数为false 代码如下: $.ajaxSetup ({ cache: false }); $(fucntion({ $.ajaxSetup ({ cache: false }); })) 在每次执行load方法前执行,注意不能设置为全局属性 可以...

    Ajax中要注意的问题

     解决办法: prototype的GET中,设置 pars = “mod=readArticle&fid=’+$F(‘fid’)+’&rand=’+Math.random(); 使用java提供的方法设置http头信息,在jsp或者servlet中都可以 response.setHeader(“Pragma”,”...

    有关Ajax中get和post的使用问题

    使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端...解决办法:使用编码encodeURI(‘蜗牛’) 测试结果:通过使用Chrome测试,结果get的两种问题,都已经得到了解决 使用post遇到的问题: post方式,

    多多返利V8.1升级包(FOR v8.0)_20130615

    -------------升级说明------------ 优化插件制作机制,应用自动下载安装 ...解决办法: 1)淘宝基本管理里面选择无淘宝客初级包 点击保存这步没做 2)更新缓存没做 3)appkey管理一定要你自己的key并2项信息都对

    解决WordPress使用CDN后博文无法评论的错误

    其原始解决办法是,在comments-ajax.js中的后面: var i = 0, got = -1, len = document.getElementsByTagName('script').length; while ( i &lt;= len && got == -1){ var js_url = document....

    天空网络电影系统源码

    当你浏览自己的网站,发现速度很慢,你首先想到的办法就是生成静态页面吗? 其实动态、静态页面在不同的用途下各擅胜场,但是在有很多个性化功能的前提下,动态的页面要比纯静态的页面好处多多,那么剩下就是一个...

    .net C# 学习过程中收藏的一些比较有用的和感兴趣的链接

    http://wenku.baidu.com/view/25ddbf420b4e767f5acfcee0.html jQuery.getJSON的缓存问题的解决办法 http://wenku.baidu.com/view/3d2b01a93169a4517723a3f3.html Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的...

    个性化的视频播放系统

    当你浏览自己的网站,发现速度很慢,你首先想到的办法就是生成静态页面吗? 其实动态、静态页面在不同的用途下各擅胜场,但是在有很多个性化功能的前提下,动态的页面要比纯静态的页面好处多多,那么剩下就是一个...

    Wordpress BAE v3.6.zip

    预置缓存插件,通过BAE云缓存解决数据库调用频繁和负载问题,减少费用【请单独上传】 已经放弃了百度的存储系统,因为取出麻烦而且晚上卡顿问题严重,建议使用第三方云存储【当然你非要用我也没办法,我现在使用的...

    asp.net知识库

    2.0问题、错误解决办法 ASP.NET 2.0使用Web Part创建应用程序之二(共二) 体验 .net2.0 的优雅(2) -- ASP.net 主题和皮肤 NET2.0系列介绍(一).NET 2.0 中Web 应用程序主题的切换 ASP.NET 2.0 中Web 应用程序...

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

Global site tag (gtag.js) - Google Analytics