网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
07月27日漏签0天
前端吧 关注:224,231贴子:1,388,645
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 3回复贴,共1页
<<返回前端吧
>0< 加载中...

分享个好东西--JS清除浏览器当前页面缓存的几种方法

  • 只看楼主
  • 收藏

  • 回复
  • 焱火炎飚
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
这是我在项目中遇到的问题,总结了一下:
项目后期修改过程中,往往对某个bug已经修复成功。但是在其他人测试的过程中,经常会说,这个问题怎么还存在啊?这时程序员不耐烦的回应,“Ctrl+F5”使劲的刷。这种状况通常由缓存造成的,下面来介绍几种清除浏览器当前页面缓存的几种方法:
1、meta方法<METAHTTP-EQUIV="pragma"CONTENT="no-cache"><METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate"><METAHTTP-EQUIV="expires"CONTENT="0">
在header标签里加入以上几行代码,HTTP头信息“Expires”和“Cache-Control”为应用程序服务器提供了一个控制浏览器和代理服务器上缓存的机制。HTTP头信息Expires告诉代理服务器它的缓存页面何时将过期。HTTP1.1规范中新定义的头信息Cache-Control可以通知浏览器不缓存任何页面。当点击后退按钮时,浏览器重新访问服务器已获取页面。如下是使用Cache-Control的基本方法:
(1)no-cache:强制缓存从服务器上获取新的页面
(2)no-store: 在任何环境下缓存不保存任何页面
HTTP1.0规范中的Pragma:no-cache等同于HTTP1.1规范中的Cache-Control:no-cache,同样可以包含在头信息中。
但是实际使用中却发现即使这样设置了,却还是在首次加载时仍然是旧的页面,再次刷新才能更新到最新的,这样往往就达不想要的效果。
2、清理form表单的临时缓存<bodyonLoad="javascript:document.yourFormName.reset()">
其实form表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!
3、jquery ajax清除浏览器缓存方式一:用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:$.ajax({ url:'http://www.cxyblog.com', dataType:'json', data:{}, beforeSend :function(xmlHttp){ xmlHttp.setRequestHeader("If-Modified-Since","0"); xmlHttp.setRequestHeader("Cache-Control","no-cache");}, success:function(response){//操作} async:false});方式二,直接用cache:false$.ajax({ url:'http://www.cxyblog.com', dataType:'json', data:{}, cache:false, ifModified :true, success:function(response){//操作} async:false});方式三:用随机数,随机数也是避免缓存的一种很不错的方法。
URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了
但是由于每次请求的url后面的参数不一样,相当于请求的是不同的页面,用这样的方法来曲线救国,清除缓存。
方式四:用随机时间,和随机数一样。
在 URL 参数后加上 "?timestamp=" + new Date().getTime();


  • 焱火炎飚
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
这样子排版好难看:大家可以点这个网址http://u.cxyblog.com/28/article-aid-1087.html
或者点这个:http://www.cxyblog.com/,然后搜索“JS清除浏览器当前页面缓存的几种方法”


2025-07-27 20:05:36
广告
不感兴趣
开通SVIP免广告
  • 焱火炎飚
  • 四方游侠
    5
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
顶一下


  • 让我吃一口
  • 英雄豪杰
    10
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
老哥有没有vue开发的项目


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 3回复贴,共1页
<<返回前端吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示