解决AngularJS在IE下取数据总是缓存的问题

最新推荐文章于 2019-05-22 10:55:23 发布

qubernet

最新推荐文章于 2019-05-22 10:55:23 发布

阅读量463

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS 前端 js 文章标签：缓存

本文链接：https://blog.youkuaiyun.com/qubernet/article/details/82599592

前端同时被 3 个专栏收录

103 篇文章

订阅专栏

83 篇文章

订阅专栏

AngularJS

9 篇文章

订阅专栏

本文介绍如何在使用AngularJS发出GET请求获取服务端数据时，避免IE浏览器的缓存导致数据不更新的问题。通过调整AngularJS配置，禁用IE对AJAX请求的缓存，确保页面数据实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　在使用AngularJS发出请求（GET）获取服务端数据，然后再绑定到页面中，你会发现在IE中总是显示原来的数据结果。这时候我们就会知道，IE做了缓存。

解决办法：

　　我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示：

 1 ngApp.config(function ($httpProvider) {
 2     // Initialize get if not there
 3     if (!$httpProvider.defaults.headers.get) {
 4         $httpProvider.defaults.headers.get = {};
 5     }
 6 
 7     // Enables Request.IsAjaxRequest() in ASP.NET MVC
 8     $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
 9 
10     //禁用IE对ajax的缓存
11     $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
12     $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
13 });