189 8069 5689

如何解决IE8下Ajax缓存问题-创新互联

小编给大家分享一下如何解决IE8下Ajax缓存问题，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

网站的建设创新互联专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为成都混凝土搅拌罐车等企业提供专业服务。

Ajax简介

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。


AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。


AJAX 是一种用于创建快速动态网页的技术。


通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

下面的代码，在其他浏览器都是正常的，但是在IE8中出现诡异问题。


$.ajax({
url:dataUrl,
data:encodeURI(currentjsonform),
dataType:'JSON',
success:function(item){
debugger;
....
}
});

经过仔细排查，尼玛是 IE8 存在的 ajax 缓存问题。尼玛，执行到这里，实际上，并没有访问我们后台的代码，而是使用了以前缓存的结果，后台进行调试时，没有反应，才发现是这个问题！！！！IE8肯跌啊。


但是 奇怪的是，很多地方都是这样的代码，为什么只有这里被缓存，而其他地方没有缓存问题呢？


解决方法：


1.

$.ajaxSetup({ cache: false });

2. 参数加上属性：cache：false


$.ajax({
url:dataUrl,
data:encodeURI(currentjsonform),
dataType:'JSON',
cache:false,
success:function(item){
debugger;
....
}
});

3. 还可以在 url 后面加上时间戳等方法。


教训：


程序员真是应该：过马路要两边看！


不要太相信默认值，需要什么属性，一定要指明。所以好每次都指明： cache:false，或者每个js 页面保证在最开始处执行一次：

$.ajaxSetup({ cache: false });

其实 路径带上时间戳或者随机数的方法，有时并不可靠！可能是浏览器会忽略它吧。反正IE8多次遇到 url带时间戳失效的情况。


以上是“如何解决IE8下Ajax缓存问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


分享文章：如何解决IE8下Ajax缓存问题-创新互联
文章路径：http://cdxtjz.cn/article/eiehj.html

其他资讯