脚本宝典收集整理的这篇文章主要介绍了ajax调用中ie缓存问题解决方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例分析了ajax调用中ie缓存问题解决方法。分享给大家供大家参考,具体如下:
ajax请求调用的过程中发现的问题:后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响,使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了,所以估计是受到浏览器缓存的影响。网上搜了一下,果然是缓存的问题:“IE中如果XMLHttPRequest提交的URL与历史一样则使用缓存,根本不向服务器端提交。因此无法取到刚提交的数据或新的数据”。
解决方法大致有下面几种:
1、只改进服务器端
(1)后台是简单的.aspx文件,直接加上
<%@ OutPutCache Location="None"%>
即可。
(2)但是如果后台是.ashx文件通常在类里直接修改缓存设置。
context.Response.Cache.SetCacheabil
ITy(HttpCacheability.NoCache);
2、只改进客户端
(1)利用加随机数或加时间戳改变请求地址
a、加随机数:
VAR url='Ajax
operations.aspx&
#63;rdm='+Math.random()+'&
amp;action='+op;
b、加时间戳:
var url='AjaxO
PErations.aspx?dtStamp='+new Date().getTime()+'&action='+op;
这一种解决
方案,只需要加个时间或随机数作为参数,服务器端不需要任何改动就可以达到目的。
(2)前台异步调用设置XMLHttpRequest对象的属性
在XMLHttpRequest发送请求之前加上
XMLHttpRequest.setRequestHeader("If-Modified
-since","0")
个人认为这个才是“正道”。因为你不能
明确哪些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缓存问题解决方法全部内容,希望文章能够帮你解决ajax调用中ie缓存问题解决方法所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。