IE默认的缓存策略引发的ajax请求无效
问题描述:
界面上有一个点击发送短信按钮后,点击后调用ajax请求后台发送短信。在IE下,只有第一次发送短信成功,后面不会发送短信。
问题排查:
查看点击发送短信后的控制台信息,没有发现任何报错,说明代码本身不存在问题,且在chrome和firefox下运行良好。
查看第二次发送短信的network,发现在chrome和firefox下,第二次的ajax请求状态码是200,只有在IE下状态码是304。而304显然是因为浏览器本身对请求进行了缓存,所以请求本身没有达到服务器端,故没有触发服务器端的短信发送。

解决办法:
在ajax请求的参数中添加一个多余的时间戳
像本列: /sms.php?action=send&id=1+时间戳 很方便可以解决
更改缓存控制策略
给html文件添加缓存控制
<meta http-equiv="pragma" content="no-cache">
将ajax的cache参数设置为false
实际情况中,我采用了添加缓存控制标签的方法,添加标签后,经过测试发现IE下的请求的状态都变成了200,解决问题。

本文介绍了一个关于IE浏览器缓存导致AJAX请求失败的问题,并提供了几种解决方案,包括添加时间戳参数、修改缓存控制策略等。
211

被折叠的 条评论
为什么被折叠?



