Ajax缓存问题怎么解决?

项目有时要用一些Ajax的效果,由于比较简单,也就没有去用什么Ajax.net之类的东西,手写代码也就实现了。次日,有人向我报告错误;说是只有第一次读取的值正常,后面的值都不正常;我调试了一下 ,确实有这样的问题,查出是由于AJAX缓存的问题。解决办法有以下几种:php

  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:不推荐

加个随机数:ajax

1 xmlHttp.open("GET""ajax.asp?now=" new Date().getTime(), true);

在要异步获取的asp页面中写一段禁止缓存的代码:浏览器

1 Response.Buffer =True
2 Response.ExpiresAbsolute =Now() - 1
3 Response.Expires=0
4 Response.CacheControl="no-cache"

在ajax发送请求前加上xmlHTTP.setRequestHeader("If-Modified-Since","0");能够禁止缓存缓存

1 xmlHTTP.open("get", URL, true);
2 xmlHTTP.onreadystatechange = callHTML;
3 xmlHTTP.setRequestHeader("If-Modified-Since","0");
4 xmlHTTP.send();

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

有些状况下,咱们须要每一次都从服务器获得更新后数据。思路是让每次请求的url都不一样,而又不影响正常应用:在url以后加入随机内容。dom

1 url=url+"&"+Math.random();
  1. 每次请求的url都不同(ajax的缓存便不起做用)
  2. 不影响正常应用(最基本的)

在JSP中禁止缓存:异步

1 response.addHeader("Cache-Control""no-cache");
2 response.addHeader("Expires""Thu, 01 Jan 1970 00:00:01 GMT");

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

原帖地址:http://www.nowamagic.net/librarys/veda/detail/808spa

相关文章
相关标签/搜索