一個快取就是一個元件,它可以透明地儲存數據,以便以後可以更快地服務於請求。多次重複地取得資源可能會導致資料重複,消耗時間。因此快取適用於變化性不大的一些數據,快取能夠服務的請求越多,整體系統效能就能提升越多。本文我們和大家分享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:'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' } } })
<link rel="stylesheet" href="stylesheets/main.css?version=1.0.3" rel="external nofollow" >
三、清除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';
以上是angularJs清除瀏覽器快取的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!