前端开发JavaScript清除浏览器缓存的方法

作者: 小枫枫

临枫的项目经历分享给你们啦~

扫码交朋友

标签:

特别声明:文章有少部分为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

在开发中,最容易郁闷的是,html与js文件容易被浏览器缓存,文件都已经更新了,但感觉服务器返回的文件依然是上上上次的,非要手动清除一次浏览器的缓存,才能查看到最新的文件,这特么的也太烦了不是?
//方法1:在引用的js ,css ,图片,等文件的url 处加一个变量,生成一个随机数字

<script type="text/javascript" src="<%=request.getContextPath()%>/test/common/jquery.js?r="+Math.random()></srcipt>

//方法2:在jsp或html页面中,meta标签中添加属性值

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

//方法3:在js提交表单时的请求方法上添加控制缓存的方法
    //如果是form表单提交,则在表单上添加一个属性

    <body onLoad="javascript:document.creatForm.reset();">


    
    //如果是jquery的ajax提交方式,则如下,添加before函数做处理

        $.ajax({
             url:'QueryUserList.do',
             dataType:'json',
             data:{},
             beforeSend :function(xmlHttp){ 
                xmlHttp.setRequestHeader("If-Modified-Since","0"); 
                xmlHttp.setRequestHeader("Cache-Control","no-cache");
             },
             success:function(response){
                 //操作
             }
             async:false
        });
        
        //或者添加cache 属性 
        $.ajax({
             url:'QueryUserList.do',
             dataType:'json',
             data:{},
             cache:false, 
             ifModified :true ,
         
             success:function(response){
                 //操作
             }
             async:false
          });


//方法4:使用Crtl+F5  跳过缓存,请求新数据,支持部分浏览器


————————————————————————————————————————————————————————————————————————————————
版权声明:本文为CSDN博主「劲节寒松」的原创文章,原文链接:https://blog.csdn.net/HardyCheers/article/details/81632856
本文最后更新于2019-8-29,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

作者: 小枫枫, 转载或复制请以 超链接形式 并注明出处 小枫枫不疯喔
原文地址: 《前端开发JavaScript清除浏览器缓存的方法》 发布于2019-8-29

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏