Ajax相同url的请求_IE缓存问…

发布时间：2020-12-16 00:32:17 所属栏目：百科来源：网络整理

导读：原文地址：）" rel="nofollow">Ajax相同url的请求_IE缓存问题（JSP设置无缓存）作者：挂甲人一、问题的提出在Ajax开发中，会遇到浏览器缓存内容的问题，比如，某个元素注册了鼠标事件（onmouSEOver），事件触发后会通过xmlhttprequest到服务器获取内容

原文地址：）" rel="nofollow">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">

（编辑：李大同）

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