美文网首页
IE 下ajax请求返回304解决方案

IE 下ajax请求返回304解决方案

作者: 易冷zzz | 来源:发表于2017-08-29 18:20 被阅读109次
    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缓存问题的解释,页面头部阻止缓存的方法暂时没有生效,后面找到原因会来更新,希望了解的朋友告知,谢谢。

    相关文章

      网友评论

          本文标题:IE 下ajax请求返回304解决方案

          本文链接:https://www.haomeiwen.com/subject/dwhadxtx.html