在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工具

熱工具

熱門話題

Java教學

1664

CakePHP 教程

1422

Laravel 教程

1316

PHP教程

1267

C# 教程

1239

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 快取的重要

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具有許多優點，如易於學習、跨平台、豐富的工具庫、開發效

怎麼清理瀏覽器快取 Jan 09, 2024 pm 05:33 PM

清理瀏覽器快取的方法：1、手動清理；2、使用瀏覽器設定清理；3、使用第三方工具清理；4、定期清理；5、手動刪除快取檔案；6、使用瀏覽器擴充功能清理；7 、停用瀏覽器快取；8、手動刪除Cookies及Cookie相關檔案。詳細介紹：1、手動清理，開啟瀏覽器，按下鍵盤上的Ctrl+Shift+Delete鍵，在彈出的對話方塊中，選擇「清除瀏覽資料」選項，並選擇要清除的時間範圍等等。

See all articles

在angularJs中如何實作清除瀏覽器緩存

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題