• 关于angularjs在IE里的坑——F12工具打开,功能正常,关闭之后,angularjs not working


    前端时间在做项目的时候,用到了angularjs,期间,发现了一个奇葩的问题,就是在IE11浏览器下,点击下方图1上箭头所示的位置,将此处的开关变为图2中箭头所示的样子,但是发觉没有反应,开关还是灰色的,只有打开F12开发者工具的时候,开关按钮就变为绿色打开状态了。

    图1图1

    图2图2

    后来发现在F12没有打开时点击按钮时后台请求成功后,重新获取列表的请求根本没有发送,也就是说get请求不发送,究其原因是浏览器缓存造成的。当F12关闭时,浏览器会强制缓存,在F12打开时,进入开发者模式,浏览器不会强制缓存,所以必须在代码里手动不强制get请求的缓存。

    主要有两种方法:

    1、在所有的get请求后加时间戳:new Date().getTime();但是这个方法太过繁琐;

    2、第二种方法就是不设置get请求的缓存,主要是加入以下代码:

     1 consoleApp.config(function ($stateProvider, $urlRouterProvider,$httpProvider) {
     2 //initialize get if not there
     3     if (!$httpProvider.defaults.headers.get) {
     4         $httpProvider.defaults.headers.get = {};
     5     }
     6 
     7     // Answer edited to include suggestions from comments
     8     // because previous version of code introduced browser-related errors
     9 
    10     //disable IE ajax request caching
    11     $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
    12     // extra
    13     $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    14     $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
    15 });
    View Code

    后经测试,又可以愉快的用angularjs了。

  • 相关阅读:
    10.28
    10.25
    10.21
    移动第七次作业
    移动第六次作业
    移动第五次作业
    移动第四次作业
    移动第3次作业
    移动第二次作业
    移动第一次作业
  • 原文地址:https://www.cnblogs.com/laogai/p/4613765.html
Copyright © 2020-2023  润新知