手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >IE下Ajax缓存问题的快速解决方法(get方式)
IE下Ajax缓存问题的快速解决方法(get方式)
摘要:折腾了半天,程序中使用jquery的load方法进行请求,很奇怪为啥第二次无法发送请求。百度了一把,谁知load是用get方式进行请求的,因...

折腾了半天,程序中使用jquery的load方法进行请求,很奇怪为啥第二次无法发送请求。百度了一把,谁知load是用get方式进行请求的,因此IE浏览器对

其进行缓存了。网上搜了很多解决方案,一大把,下面是我认为比较全面的解决方案。主要分为客户端解决和服务端解决。

1.客户端解决方案

IE访问策略:Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为每次访问网页时也可以

1: 在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数

在javascript发送的URL后加上t=Math.random()

例如这样:URL+"&"+"t="+Math.random();或者new Date();

2: 在XMLHttpRequest发送请求之前加上XMLHttpRequest.setRequestHeader("If-Modified-Since","0")

一般情况下,这里的XMLHttpRequest不会直接使用

你应该可以找到这样的代码

XXXXX.send(YYYYYY);

那么,就把它变成

XXXXX.setRequestHeader("If-Modified-Since","0");

XXXXX.send(YYYYYY);

实践证明,两种方法都非常有效。

1、在服务端加 header("Cache-Control: no-cache, must-revalidate");

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

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

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

5、第四种方法和第三种类似,在 URL 参数后加上 "?timestamp=" + new Date().getTime(); //推荐使用这种方式

6、用POST替代GET:不推荐

2.服务器端解决方案:

以Struts2为例:

Struts2 Server端用法

Xml代码

复制代码 代码如下:

<package name="json-nocache" extends="json-default">

<interceptors>

<interceptor name="cachingHeadersInterceptor" />

<interceptor-stack name="defaultSecurityStack">

<interceptor-ref name="defaultStack" />

<interceptor-ref name="cachingHeadersInterceptor" />

</interceptor-stack>

</interceptors>

<default-interceptor-ref name="defaultSecurityStack" />

</package>

Java代码

复制代码 代码如下:

public class CachingHeaderInterceptor extends AbstractInterceptor {

private static final long serialVersionUID = 1L;

public String intercept(ActionInvocation invocation) throws Exception {

ActionContext context = invocation.getInvocationContext();

HttpServletResponse response = (HttpServletResponse) context.get(StrutsStatics.HTTP_RESPONSE);

if (response != null) {

response.setHeader("Cache-Control", "no-cache");

response.setHeader("Pragma", "no-cache");

response.setHeader("Expires", "-1");

}

return invocation.invoke();

}

}

【IE下Ajax缓存问题的快速解决方法(get方式)】相关文章:

JavaScript模版引擎的基本实现方法浅析

js获取字符串字节数方法小结

一端时间轮换的广告

javascript常用的方法分享

jQuery判断指定id的对象是否存在的方法

微信jssdk在iframe页面失效问题的解决措施

JS动画效果打开、关闭层的实现方法

谈一谈javascript中继承的多种方式

js获取页面description的方法

js控制excel打印完美解决方案

精品推荐
分类导航