ajax调用中ie缓存问题解决方法

这篇文章主要介绍了ajax调用中ie缓存问题解决方法,较为详细的分析了ajax调用中ie缓存机制的原理与具体解决方法,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例分析了ajax调用中ie缓存问题解决方法。分享给大家供大家参考，具体如下：

ajax请求调用的过程中发现的问题：后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响，使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了，所以估计是受到浏览器缓存的影响。网上搜了一下，果然是缓存的问题：“IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存，根本不向服务器端提交。因此无法取到刚提交的数据或新的数据”。

解决方法大致有下面几种：

1、只改进服务器端

（1）后台是简单的.aspx文件，直接加上

代码如下:

即可。

（2）但是如果后台是.ashx文件通常在类里直接修改缓存设置。

代码如下:

context.Response.Cache.SetCacheability(HttpCacheability.NoCache);

2、只改进客户端

（1）利用加随机数或加时间戳改变请求地址

a、加随机数:

代码如下:

var url=’AjaxOperations.aspx?rdm=’+Math.random()+’&action=’+op;

b、加时间戳:

代码如下:

var url=’AjaxOperations.aspx?dtStamp=’+new Date().getTime()+’&action=’+op;

这一种解决方案，只需要加个时间或随机数作为参数，服务器端不需要任何改动就可以达到目的。

（2）前台异步调用设置XMLHttpRequest对象的属性

在XMLHttpRequest发送请求之前加上

代码如下:

XMLHttpRequest.setRequestHeader(“If-Modified-Since”,”0″)

个人认为这个才是“正来源gaodai#ma#com搞@代~码网道”。因为你不能明确哪些ajax请求是需要还是不需要缓存的(解决网站的性能瓶颈，利用有缓存的ajax居多)，所以每次在发送请求的时候确认一下是否要缓存，相对于2中的第（1）条显然少写了一个url参数，而且服务器端（改进方法1）也不需要改变设置，但是对于已经封装好的ajax库，你可能已经不能在外面直接使用XMLHttpRequest对象了，通常的设置语法可能是将(“If-Modified-Since”,”0″)作为参数传递：ajaxObj.sendPost(其他参数列表,….”If-Modified-Since”,”0″); （post方式）

或者 ajaxObj.sendGet(其他参数列表,….”If-Modified-Since”,”0″); （get方式）

希望本文所述对大家ajax程序设计有所帮助。

以上就是ajax调用中ie缓存问题解决方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：ajax调用中ie缓存问题解决方法

Hi，您需要填写昵称和邮箱！