javascript - Angularjs' $http.get only executed once in IE11

I'm learning angularjs, and as a test project I'm polling a server that returns a list of active processes (their pids) and displaying these.

The client code looks like this:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="static/angular/angular.js"></script>
    <script>
      function ProcessCtrl($scope, $http, $interval) {
        $scope.ReloadData = function() {
          var result = $http.get("processdata", {timeout:1000});
          result.success(function(data,status,headers,config) {
            $scope.processes = data;
          });
        }
        $scope.ReloadData();
        var stop = $interval(function(){$scope.ReloadData()}, 1000);
      }
    </script>
  </head>
  <body ng-app>
    <div ng-controller="ProcessCtrl">
      Processes:
      <ul>
        <li ng-repeat="process in processes">
          {{process.pid}} is running
        </li>
      </ul>
    </div>
  </body>
</html>

This works in Firefox and Chrome, but not quite in Internet Explorer 11.

All browsers execute the ReloadData method every second, but IE11 doesn't actually fetch the process data from the server. Firefox and Chrome do fetch the data every second. I can see this also in the output from my server, which logs every request.

All three browsers execute the code in result.success, but IE11 keeps reusing the old data it got the first time, where FireFox and Chrome use the newly fetched data.

I've checked the web console in IE11 for warnings or errors, but there are none.

Edit: As the chosen answer suggested it was a caching problem. I have made the server add a 'cache-control' header to the response with the value 'no-cache'. This has solved the problem.

I'm learning angularjs, and as a test project I'm polling a server that returns a list of active processes (their pids) and displaying these.

The client code looks like this:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="static/angular/angular.js"></script>
    <script>
      function ProcessCtrl($scope, $http, $interval) {
        $scope.ReloadData = function() {
          var result = $http.get("processdata", {timeout:1000});
          result.success(function(data,status,headers,config) {
            $scope.processes = data;
          });
        }
        $scope.ReloadData();
        var stop = $interval(function(){$scope.ReloadData()}, 1000);
      }
    </script>
  </head>
  <body ng-app>
    <div ng-controller="ProcessCtrl">
      Processes:
      <ul>
        <li ng-repeat="process in processes">
          {{process.pid}} is running
        </li>
      </ul>
    </div>
  </body>
</html>

This works in Firefox and Chrome, but not quite in Internet Explorer 11.

All three browsers execute the code in result.success, but IE11 keeps reusing the old data it got the first time, where FireFox and Chrome use the newly fetched data.

I've checked the web console in IE11 for warnings or errors, but there are none.

Edit: As the chosen answer suggested it was a caching problem. I have made the server add a 'cache-control' header to the response with the value 'no-cache'. This has solved the problem.

Share Improve this question edited Feb 5, 2014 at 22:39 asked Feb 5, 2014 at 21:20 EvR 1051 silver badge6 bronze badges

1 It's possible that the request is cached, as it is valid to cache GET requests. FF and Chrome probably have disabled caches, because of running dev tools or other reasons. You could append a timestamp as url query string "processdata?" + (new Date()).getTime() to see if it is a caching problem. – Tilman Schweitzer Commented Feb 5, 2014 at 21:27
1 @Tilman: That's it. Adding that code made it work. I'll edit this answer in shortly. – EvR Commented Feb 5, 2014 at 21:33
I'll just post it as an answer again ;-) – Tilman Schweitzer Commented Feb 5, 2014 at 21:39

Add a ment |

2 Answers 2

Sorted by: Reset to default 8

It's possible that the request is cached, as it is valid to cache GET requests. FF and Chrome probably have disabled caches, because of running dev tools or other reasons. You could append a timestamp as url query string "processdata?" + (new Date()).getTime() to see if it is a caching problem.

Prettier ways to prevent IE caching can be found here: Angular IE Caching issue for $http

I prefer to use $http.post in order to prevent any cache.

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Angularjs' $http.get only executed once in IE11 - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)