广告合作QQ：76874919

Ajax缓存问题怎么解决？

Ajax 2020-05-29

项目有时要用一些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="+newDate().getTime(),true);

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

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

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

xmlHTTP.open("get");
xmlHTTP.onreadystatechange = callHTML;
xmlHTTP.setRequestHeader("If-Modified-Since""0"xmlHTTP.send();

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

有些情况下，我们需要每一次都从服务器得到更新后数据。思路是让每次请求的url都不同，而又不影响正常应用：在url之后加入随机内容。

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

在JSP中禁止缓存：

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

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

相关文章

网页的异步请求（Ajax）
JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
手动实现AJAX
AJAX 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/WindrunnerMax/E...
axios异步提交表单数据的不同形式
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
php的ajax简单实例
很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈哈。 为了防止...
Json与Ajax(注册实例）
需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: "./server/slider.js...
Ajax基础原理与应用
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...