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,解决问题。