加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax缓存解决办法

发布时间:2020-12-15 21:48:10 所属栏目:百科 来源:网络整理
导读:AJAX 的无刷新显示确实很好,但如果你的数据后台更新了,没清除AJAX 的缓存,那么页面显示的还是旧的数据,F5刷新也得不到新数据,重启WEB服务器一样,怎么办呢? AJAX缓存的问题:解决办法有如下几种: 1、在服务端加 header("Cache-Control: no-cache,must-

AJAX 的无刷新显示确实很好,但如果你的数据后台更新了,没清除AJAX 的缓存,那么页面显示的还是旧的数据,F5刷新也得不到新数据,重启WEB服务器一样,怎么办呢?
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:不推荐 [POST的数据是不缓存的]

4,5 方法是最常用的,但个人喜欢强制清除缓存,习惯问题吧

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.不影响正常应用(最基本的)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读