Ajax相同url的请求_IE缓存问…
2014-06-05 16:05
253 查看
原文地址:Ajax相同url的请求_IE缓存问题(JSP设置无缓存 )作者:挂甲人一、问题的提出
在Ajax开发中,会遇到浏览器缓存内容的问题,比如,某个元素注册了鼠标事件(onmouseover),事件触发后会通过xmlhttprequest到服务器获取内容,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。
通常,这种请求都是xmlhttprequest发起的GET请求。根据 HTTP 规范,GET
用于信息获取,而且应该是幂等的。也就是说,当使用相同的URL重复GET请求会返回预期的相同结果时,GET方法才是适用的。当对一个请求有副作用的时候(例如,提交数据注册新用户时),应该使用POST请求而不是GET。所以浏览器会对GET请求做缓存处理。
二、问题解决办法:
1. GET请求URL后加随机数,让服务器认为不是相同的请求。
例
"http://www.example.com/index.php?class=aitcle&page=5&_t="
+ new Date().getTime()
2. 在ajax发送请求前加上
xmlHttpRequest.setRequestHeader("If-Modified-Since","0")
3. 在ajax发送请求前加上
xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
4. 服务端响应请求时加 header("Cache-Control: no-cache, must-revalidate");
(PHP)
5. 使用POST代替GET,浏览器不会对POST做缓存
三、JSP设置无缓存的方式
1.<%
//设置无缓存
response.setHeader("progma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires",0);
%>
2.设置页面Nocache方式,即每次访问此页面,均需要从服务器重新读取,而不是使用缓存中存在的此页面。
在jsp页面的<head></head>中间添加如下代码。
<meta http-equiv="pragma"
content="no-cache">
<meta http-equiv="cache-control"
content="no-cache">
<meta http-equiv="expires"
content="0">
在Ajax开发中,会遇到浏览器缓存内容的问题,比如,某个元素注册了鼠标事件(onmouseover),事件触发后会通过xmlhttprequest到服务器获取内容,在不刷新页面的情况下,浏览器会缓存第一次请求的内容,服务端更新后浏览器仍然显示第一次的内容。
通常,这种请求都是xmlhttprequest发起的GET请求。根据 HTTP 规范,GET
用于信息获取,而且应该是幂等的。也就是说,当使用相同的URL重复GET请求会返回预期的相同结果时,GET方法才是适用的。当对一个请求有副作用的时候(例如,提交数据注册新用户时),应该使用POST请求而不是GET。所以浏览器会对GET请求做缓存处理。
二、问题解决办法:
1. GET请求URL后加随机数,让服务器认为不是相同的请求。
例
"http://www.example.com/index.php?class=aitcle&page=5&_t="
+ new Date().getTime()
2. 在ajax发送请求前加上
xmlHttpRequest.setRequestHeader("If-Modified-Since","0")
3. 在ajax发送请求前加上
xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
4. 服务端响应请求时加 header("Cache-Control: no-cache, must-revalidate");
(PHP)
5. 使用POST代替GET,浏览器不会对POST做缓存
三、JSP设置无缓存的方式
1.<%
//设置无缓存
response.setHeader("progma","no-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires",0);
%>
2.设置页面Nocache方式,即每次访问此页面,均需要从服务器重新读取,而不是使用缓存中存在的此页面。
在jsp页面的<head></head>中间添加如下代码。
<meta http-equiv="pragma"
content="no-cache">
<meta http-equiv="cache-control"
content="no-cache">
<meta http-equiv="expires"
content="0">
相关文章推荐
- Ajax相同url的请求,IE缓存问题
- 相同url的ajax请求_IE缓存
- ajax提交相同url,重复发送请求后台,页面无更新的问题解决
- Ajax多次请求同一个URL返回相同值问题
- Ajax请求URL后加随机数原理
- ajax请求的url可以是action,也可以是jsp、html
- 当JQuery的$.ajax函数请求不存在的url时,从error函数里是否能得知发生什么了?
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- 关于ajax get方式请求 url地址参数怎么变成空了的问题
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- ajax碰到请求url过长的问题! ajax中get和post的区别
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- Ajax跨域请求SessionID不相同问题
- ajax请求成功url发生改变
- 利用JS面向对象+模块化封装集AJAX请求、基本数据校验、URL参数截取等功能于一身的通用工具模块
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- Ext的ajax同步交互方式提交时相同url只执行一次的问题解决
- Ajax请求URL后加随机数原理
- AJAX连续提交相同URL注意事项
- ajax请求能进后台,但是前台报找不到url