您的位置:首页 > 其它

Ajax缓存问题怎么解决?

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

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

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

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

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

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

用POST替代GET:不推荐

加个随机数:

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之后加入随机内容。

1
url=url+
"&"
+Math.random();
每次请求的url都不一样(ajax的缓存便不起作用)

不影响正常应用(最基本的)

在JSP中禁止缓存:

1
response.addHeader(
"Cache-Control"
,
"no-cache"
);
2
response.addHeader(
"Expires"
,
"Thu,01 Jan 1970 00:00:01 GMT"
);
我们都知道,ajax能提高页面载入的速度的主要原因是通过ajax减少了重复数据的载入,真正做到按需获取,既然如此,我们在写ajax程序的时候不妨送佛送到西,在客户端再做一次缓存,进一步提高数据载入速度。那就是在载入数据的同时将数据缓存在浏览器内存中,一旦数据被载入,只要页面未刷新,该数据就永远的缓存在内存中,当用户再次查看该数据时,则不需要从服务器上去获取数据,极大的降低了服务器的负载和提高了用户的体验。
原帖地址:http://www.nowamagic.net/librarys/veda/detail/808
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: