bug情况说明:
项目中有一个通过二级省市联动添加面试城市的需求,每次添加或删除城市后会使用ajax重新加载省市数据,已添加城市再次添加时则不再显示。
在IE浏览器做了新增后,重新加载的数据和未新增之前的返回数据一样,如新增“邢台市”,则IE下请求结果如下图所示:
而谷歌的数据和数据库的数据是一致的。开始以为是js代码在IE浏览器运行错误,打开IE控制台后,发现代码并没有报错。
于是我想是不是在IE下,请求没有发生。但是在IE浏览器是捕获了请求的!但是,在IE返回的304!!!每次请求走的都是缓存!!
IE下的ajax请求是按照IP地址和请求路由进行缓存。如果ajax请求使用的请求方式是get,同时参数、路径相同,ajax会先从本地缓存中取。
解决方案:
1.直接在请求地址后面加一个时间戳或者是随机数
如:url: basepath+'/api/user/address?t=' + Math.random(),
2.禁止缓存
①前端页面禁止缓存:
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache">
注:此方法在本地验证依然有缓存,知道原因的朋友请麻烦告知,谢谢
②前端ajax禁止缓存:ajax参数cache设置为false。默认为true,设置后将不会从浏览器缓存中加载请求信息。
以上就是会对IE缓存问题的解释,页面头部阻止缓存的方法暂时没有生效,后面找到原因会来更新,希望了解的朋友告知,谢谢。
网友评论