在angularJs中如何实现清除浏览器缓存

这篇文章主要介绍了关于angularjs清除浏览器缓存的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

缓存篇

一个缓存就是一个组件,它可以透明地储存数据,以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复,消耗时间。因此缓存适用于变化性不大的一些数据,缓存能够服务的请求越多,整体系统性能就能提升越多。

浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。

以下是传统的清除浏览器的方法

meta方法

//不缓存     

登录后复制

清理form的临时缓存


登录后复制

ajax清除缓存

$.ajax({    url:'www.haorooms.com',    dataType:'json',    data:{},    cache:false,     ifModified :true ,     success:function(response){      //操作    }    async:false  });

登录后复制

用随机数,随机数也是避免缓存的一种很不错的方法!

URL 参数后加上 “?ran=” + Math.random(); //当然这里参数 ran可以任意取了 

用随机时间,和随机数一样。

在 URL 参数后加上 “?timestamp=” + new Date().getTime();  

用php后端清理

在服务端加 header(“Cache-Control: no-cache, must-revalidate”);等等(如php中) 

下面介绍关于angularJs项目中清除浏览器的方法,当然以上传统的方法也是可以适用的,但对于angularJs来说还需添加以下几项:

一、清除模板缓存

.run(function($rootScope, $templateCache) {        $rootScope.$on('$routeChangeStart', function(event, next, current) {          if (typeof(current) !== 'undefined'){            $templateCache.remove(current.templateUrl);          }        });      });

登录后复制

二、html添加随机参数

.state("content", {         url: "/",         views:{           "bodyInfo":{templateUrl: 'tpls/bodyInfo.html?'+ +new Date(),             controller:'bodyInfoCtrl'},           "header":{templateUrl: 'tpls/header.html?'+ +new Date(),             controller:'headerCtrl'           },           "footer":{templateUrl: 'tpls/footer.html?'+ +new Date(),             controller:'footerCtrl'           }         }       })

登录后复制


登录后复制

三、清除route缓存

.config(['$stateProvider', '$urlRouterProvider','$locationProvider','$httpProvider',function($stateProvider, $urlRouterProvider,$locationProvider,$httpProvider) { //     $urlRouterProvider.when("", "/home");       $urlRouterProvider.otherwise('/');        if (!$httpProvider.defaults.headers.get) {        $httpProvider.defaults.headers.get = {};       }       $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';       $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';       $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';

登录后复制

好了……就这么多了

如果还有其他方法欢迎指点迷津!

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在Vue.js中如何实现组件间循环引用

在Vue中有关于异步组件的示例

在nodejs中如何解决超出最大的调用栈错误

在Vue+SpringBoot中如何实现博客管理平台

以上就是在angularJs中如何实现清除浏览器缓存的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2748876.html

(0)
上一篇 2025年3月8日 04:51:53
下一篇 2025年2月21日 16:58:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 在AngularJs中如何实现禁止模板缓存

    本篇文章主要介绍了angularjs 禁止模板缓存的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 本文介绍了AngularJs 禁止模板缓存的方法,分享给大家,也给自己留个笔记,具有如下: 因为Angul…

    编程技术 2025年3月8日
    200
  • 关于Angularjs中的$apply及优化使用

    这篇文章主要给大家介绍了关于angularjs中$apply及优化使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧 前言 对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接…

    编程技术 2025年3月8日
    200
  • AngularJS与BootStrap模仿百度分页的方法

    这篇文章主要介绍了angularjs与bootstrap模仿百度分页的示例代码,分页在很多时候都能用到,现在分享给大家,也给大家做个参考。 模仿百度的每页显示10条数据, 实现了当前页居中的算法. nbsp;html>     Boo…

    2025年3月8日
    200
  • angularjs的数据绑定

    这篇文章主要介绍了关于angularjs的数据绑定 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 angularjs 的数据绑定 在angularjs1.X 中存在了三种数据绑定的方式,用于数据的同步、展示。在 angul…

    编程技术 2025年3月8日
    200
  • AngularJS 表格导出添加额外信息

    这篇文章主要介绍了关于angularjs 表格导出添加额外信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 原指令 原导出Excel指令,AngularJS 导出Excel指令。 这是用户的需求,单位申请检定器具,可以申请…

    2025年3月8日
    200
  • AngularJS 文档阅读的指令scope

    这篇文章主要介绍了关于angularjs 文档阅读的指令scope,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 scope 指令,是AngularJS最常用的功能,让我们很容易在前台实现代码复用。而指令最精髓的地方,就在于…

    编程技术 2025年3月8日
    200
  • 使用angularJs ng-repeat做表格合并行效果

    这篇文章主要介绍了关于使用angularjs ng-repeat做表格合并行效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 描述 使用angularJs做出表格合并的效果 后端返回的数据 [ {“fileName”:”1…

    2025年3月8日
    200
  • AngularJS导出Excel指令

    这篇文章主要介绍了关于angularjs导出excel指令,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 Excel导出思路 参考文章 – angularjs使用指令实现table导出csv 项目中使用到了导出E…

    2025年3月8日 编程技术
    200
  • AngularJS 前台分页实现

    这篇文章主要介绍了关于angularjs 前台分页实现,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 分页思路 考评员查询,因为整体的数据量比较小,所以我们可以将分页放到前台进行处理。 其实分页的原理也很简单,我们根据分页选…

    2025年3月8日
    200
  • Jquery以及AngularJS中Get/Post的传参

    这篇文章主要介绍了关于jquery以及angularjs中get/post的传参,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 传参并不是很难的事,但有时牵扯到例如要传一个对象或者form到后端的时候就会有些麻烦,在这里总结…

    2025年3月8日
    200

发表回复

登录后才能评论