AngularJS在IE下取数据总是缓存问题的解决方法  更新时间:2016年08月05日 11:38:11   作者:Quber   这篇文章主要介绍了AngularJS在IE下取数据总是缓存问题的解决方法,分析了问题的原因及AngularJS设置禁止IE对ajax缓存的实现方法,需要的朋友可以参考下 本文实例讲述了AngularJS在IE下取数据总是缓存问题解决方法。分享给大家供大家参考,具体如下: 问题: 在使用AngularJS发出请求(GET)获取服务端数据,然后再绑定到页面中,你会发现在IE中总是显示原来的数据结果。这时候我们就会知道,IE做了缓存。 解决办法: 我们可以在AngularJS的配置中通过$httpProvider来设置其不缓存。具体如下所示: ngApp.config(function ($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’; //禁用IE对ajax的缓存 $httpProvider.defaults.headers.get[‘Cache-Control’] = ‘no-cache’; $httpProvider.defaults.headers.get[‘Pragma’] = ‘no-cache’; }); 希望本文所述对大家AngularJS程序设计有所帮助。 您可能感兴趣的文章: AngularJS中的缓存使用 使用Angular缓存父页面数据的方法 详解Angular中$cacheFactory缓存的使用 详解AngularJS中$http缓存以及处理多个$http请求的方法 AngularJS实现Model缓存的方式 Angularjs在360兼容模式下取数据缓存问题的解决办法 AngularJS 缓存 解决方法 相关文章 详解JavaScript的AngularJS框架中的作用域与数据绑定 这篇文章主要介绍了JavaScript的AngularJS框架中的作用域与数据绑定,包括作用域的继承以及数据的单向和双向绑定等重要知识点,需要的朋友可以参考下 2016-03-03 Angularjs中的$apply及优化使用详解 angular js的双向数据绑定,在开发中起到的作用灰常大,所以下面这篇文章主要给大家介绍了关于Angularjs中$apply及优化使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧 2018-07-07 angularjs实现首页轮播图效果 这篇文章主要为大家详细介绍了angularjs实现首页轮播图效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2017-04-04 AngularJS Phonecat实例讲解 这篇文章主要为大家详细介绍了AngularJS Phonecat实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2016-11-11 详解Angular6.0使用路由步骤(共7步) 这篇文章主要介绍了详解Angular6.0使用路由步骤(共7步),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-06-06 AngularJS ng-repeat遍历输出的用法 本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-06-06 如何利用AngularJS打造一款简单Web应用 如果大家希望在应用程序的创建工作中采取各类最佳实践,那么AngularJS也能够带来极大的助益。总而言之,这套框架的强大功能与特性永远不会让有着应用开发需求的朋友们失望 2015-12-12 angularJs使用$watch和$filter过滤器制作搜索筛选实例 本篇文章主要介绍了angularJs使用$watch和$filter过滤器制作搜索筛选实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 2017-06-06 基于angular2 的 http服务封装的实例代码 这篇文章主要介绍了基于angular2 的 http服务封装实例代码, 2017-06-06 浅谈Angular HttpClient简单入门 本篇文章主要介绍了浅谈Angular HttpClient 简单入门,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2018-05-05 最新评论

本文实例讲述了AngularJS在IE下取数据总是缓存问题解决方法。分享给大家供大家参考,具体如下:

问题:

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

解决办法:

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

ngApp.config(function ($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';
  //禁用IE对ajax的缓存
  $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
  $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
});

希望本文所述对大家AngularJS程序设计有所帮助。

您可能感兴趣的文章:

  • AngularJS中的缓存使用
  • 使用Angular缓存父页面数据的方法
  • 详解Angular中$cacheFactory缓存的使用
  • 详解AngularJS中$http缓存以及处理多个$http请求的方法
  • AngularJS实现Model缓存的方式
  • Angularjs在360兼容模式下取数据缓存问题的解决办法
张贴在3