当前位置:首页 » 存储配置 » angularjs存储

angularjs存储

发布时间: 2024-02-29 01:35:36

1. 如何解决AngularJs在IE下取数据总是缓存的问题

如果用AngularJs在IE下发出GET请求从后台服务取完Json数据再绑定到页面上显示的话,你可能会发现就算数据更新了,IE还是会显示原来的结果。实际上这时候IE的确是缓存了hashtag,没有再次去做Http GET请求最新的数据。
最直接的办法是在后台撸掉OutputCache,但这种做法并不推荐,需要改每一处被Angular调用的地方,代价太大。这种问题应该在前端解决最好。研究了一会儿总结了最有效的解决方法,并不需要改后台代码了。
在你的app config里撸一个$httpProvider进去,比如像我这样,和路由可以配在一起,当然分开配也没问题。
var config = ["$routeProvider", "$httpProvider", function ($routeProvider, $httpProvider) {
// Initialize get if not there
if (!$httpProvider.defaults.headers.get) {
$httpProvider.defaults.headers.get = {};
}
// Enables Request.IsAjaxRequest() in ASP.NET MVC
$httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
// Disable IE ajax request caching
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
$routeProvider.when("/", { templateUrl: "Manage/dashboard/index.cshtml" })
.when("/dashboard", { templateUrl: "Manage/dashboard/index.cshtml" })
.when("/dashboard/serverinfo", { templateUrl: "Manage/dashboard/serverinfo.cshtml" })
.when("/dashboard/emaillogs", { templateUrl: "Manage/dashboard/emaillogs.cshtml" })
// other code....
.otherwise({ redirectTo: "/" });
}];
app.config(config);

最关键的就是最后的禁用IE对ajax的缓存
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';

如果你想这样写,是会爆的:
$httpProvider.defaults.headers.get['If-Modified-Since'] = '0';

这样会导致include指令加载的partial view撸不出来,所以不要作死了

2. angularjs路由如何禁止缓存

angular默认的模板加载都会被缓存起来,使用的缓存服务是$tempalteCache,发送模板请求的服务是$templateRequest,可以有两种方案:
1.每次发送$http请求模板完成后,调用$tempalteCache.remove(url)或removeAll清除所有模板缓存;
2.使用$provide.decorator改写原生的$templateRequest,禁掉缓存,$templateRequest的源码,可以看到它默认使用$tempalteCache作为缓存,可以去掉它。

热点内容
java返回this 发布:2025-10-20 08:28:16 浏览:603
制作脚本网站 发布:2025-10-20 08:17:34 浏览:895
python中的init方法 发布:2025-10-20 08:17:33 浏览:589
图案密码什么意思 发布:2025-10-20 08:16:56 浏览:774
怎么清理微信视频缓存 发布:2025-10-20 08:12:37 浏览:693
c语言编译器怎么看执行过程 发布:2025-10-20 08:00:32 浏览:1020
邮箱如何填写发信服务器 发布:2025-10-20 07:45:27 浏览:264
shell脚本入门案例 发布:2025-10-20 07:44:45 浏览:123
怎么上传照片浏览上传 发布:2025-10-20 07:44:03 浏览:813
python股票数据获取 发布:2025-10-20 07:39:44 浏览:722