在angularJs中如何实现清除浏览器缓存-js教程-PHP中文网

首页

web前端

js教程

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

亚连

Jun 23, 2018 pm 05:31 PM

angularjs 浏览器缓存

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

缓存篇

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

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

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

meta方法

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

登录后复制

清理form的临时缓存

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

登录后复制

ajax清除缓存

$.ajax({ 
   url:&#39;www.haorooms.com&#39;, 
   dataType:&#39;json&#39;, 
   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(&#39;$routeChangeStart&#39;, function(event, next, current) {  
        if (typeof(current) !== &#39;undefined&#39;){  
          $templateCache.remove(current.templateUrl);  
        }  
      });  
    });

登录后复制

二、html添加随机参数

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

登录后复制

<link rel="stylesheet" href="stylesheets/main.css?version=1.0.3" rel="external nofollow" >

登录后复制

三、清除route缓存

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

登录后复制

好了……就这么多了

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

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

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

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

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

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

以上是在angularJs中如何实现清除浏览器缓存的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7486

CakePHP 教程

1377

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

如何在 Windows 11上显示所有缓存的 DNS 条目 May 21, 2023 pm 01:01 PM

Windows操作系统使用缓存来存储DNS条目。DNS（域名系统）是用于通信的互联网核心技术。特别是用于查找域名的IP地址。当用户在浏览器中键入域名时，加载站点时执行的首要任务之一是查找其IP地址。该过程需要访问DNS服务器。通常，互联网服务提供商的DNS服务器会自动使用，但管理员可能会切换到其他DNS服务器，因为这些服务器可能更快或提供更好的隐私。如果DNS用于阻止对某些站点的访问，则切换DNS提供商也可能有助于绕过Internet审查。Windows使用DNS解

如何在 Windows 11 上清理缓存：详细的带图片教程 Apr 24, 2023 pm 09:37 PM

什么是缓存？缓存（发音为ka·shay）是一种专门的高速硬件或软件组件，用于存储经常请求的数据和指令，这些数据和指令又可用于更快地加载网站、应用程序、服务和系统的其他部分。缓存使最常访问的数据随时可用。缓存文件与缓存内存不同。缓存文件是指经常需要的文件，如PNG、图标、徽标、着色器等，多个程序可能需要这些文件。这些文件存储在您的物理驱动器空间中，通常是隐藏的。另一方面，高速缓存内存是一种比主内存和/或RAM更快的内存类型。它极大地减少了数据访问时间，因为与RAM相比，它更靠近CPU并且速度

如何在 Windows 11 中快速清除缓存 Apr 13, 2023 pm 05:46 PM

对于不熟悉这个术语的人来说，清空缓存就意味着清空它，本文将向您展示如何在 Windows 11 中轻松完成。如果您仍然想知道缓存文件是什么，您应该知道它并不像听起来那样技术性。考虑到计算机，缓存是将来可能再次需要的非永久文件（或文件）。因此，缓存在那个时间到来之前一直是隐藏的，从而保护了内容。缓存文件很重要，但它们也会占用宝贵的空间。如果您的 SSD 容量有限，这可能是个问题。不过，也有一些好消息。因此，在大多数情况下，可以安全地擦除缓存文件以清理磁盘空间。清除 Windows 11 缓存的重要

怎么清理浏览器缓存 Jan 09, 2024 pm 05:33 PM

清理浏览器缓存的方法：1、手动清理；2、使用浏览器设置清理；3、使用第三方工具清理；4、定期清理；5、手动删除缓存文件；6、使用浏览器扩展程序清理；7、禁用浏览器缓存；8、手动删除Cookies和Cookie相关文件。详细介绍：1、手动清理，打开浏览器，按下键盘上的Ctrl+Shift+Delete键，在弹出的对话框中，选择“清除浏览数据”选项，并选择要清除的时间范围等等。

2022年最新5款的angularjs教程从入门到精通 Jun 15, 2017 pm 05:50 PM

Javascript 是一个非常有个性的语言. 无论是从代码的组织, 还是代码的编程范式, 还是面向对象理论都独具一格. 而很早就在争论的Javascript 是不是面向对象语言这个问题, 显然已有答案. 但是, 即使 Javascript 叱咤风云二十年, 如果想要看懂 jQuery, Angularjs, 甚至是 React 等流行框架, 观看《黑马云课堂JavaScript 高级框架设计视频教程》就对了。

如何清除 Safari 缓存以优化 Mac 和 iPhone 的性能？ Apr 22, 2023 pm 07:49 PM

Safari的缓存使浏览速度更快，但它可能会出错，它会减慢您的Mac、iPhone或iPad的速度，并且还会占用大量存储空间。以下是清除它的方法和时间。与所有网络浏览器一样，Safari将数据存储在您的Mac、iPhone和iPad上，其明确目的是加快您的在线生活。您可能拥有ApplePark认为理所当然的那种互联网速度，但即便如此，最好将这种速度用于需要的地方。因此，当您重新访问一个网站时，Safari会尽可能地让您只需要下载已更改的内容。即使一个新闻网站整天都在更新，基本布局，页面的家具

iPhone 和 iPad：如何清除缓存、历史记录和 cookie Apr 14, 2023 pm 03:37 PM

如何在Safari和其他应用程序中清除iPhone和iPad上的缓存苹果浏览器打开设置向下滑动并点按Safari再次向下滑动并点击清除历史记录和网站数据，再次点击确认或者，如果您想清除单个网站的数据而不清除整个Safari缓存，请在Safari设置的最底部选择“高级”>“网站数据”>“编辑”（或从右向左滑动以删除单个项目）。请记住，从iPhone或iPad删除的网站数据将从您登录到同一iCloud帐户的其他Apple设备中删除，如果它们与Safari同步。清除i

使用PHP和AngularJS搭建一个响应式网站，提供优质的用户体验 Jun 27, 2023 pm 07:37 PM

在如今信息时代，网站已经成为人们获取信息和交流的重要工具。一个响应式的网站能够适应各种设备，为用户提供优质的体验，成为了现代网站开发的热点。本篇文章将介绍如何使用PHP和AngularJS搭建一个响应式网站，从而提供优质的用户体验。PHP介绍PHP是一种开源的服务器端编程语言，非常适用于Web开发。PHP具有很多优点，如易于学习、跨平台、丰富的工具库、开发效

See all articles

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

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题