关于angularJs清除浏览器缓存的方法

2023-09-20 08:37:06 293

缓存篇

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

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

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

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="+newDate().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?'++newDate(),
controller:'bodyInfoCtrl'},
"header":{templateUrl:'tpls/header.html?'++newDate(),
controller:'headerCtrl'
},
"footer":{templateUrl:'tpls/footer.html?'++newDate(),
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';

好了……就这么多了

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

关于angularJs清除浏览器缓存的方法

热门推荐

随机推荐