javascript - 每 60 秒自动重新加载路线

Question

我需要每 60 秒后重新加载路线。当我添加<meta http-equiv="refresh" content="60">元标记时，它会刷新页面，但是当元刷新页面时，页面会自动重定向到主页。

我需要解决上述问题。我正在从 JSON 中填充数据，因此我需要每 60 秒刷新一次页面。

$http.get('json/dashboard-home.json').success(function(data) {
    $scope.campaigns = data;

上面是我用来获取json数据的代码，下面是我用来访问其他页面的方法。

$scope.tab = $routeParams.tab || 0;
    $scope.views = [
        { src: 'view/dashboard.html' },
        { src: 'view/details.html' },
        { src: 'view/leads.html' }
    ];

Answer 1

您不需要刷新页面只是为了刷新数据 - 这是 AJAX XHR 提供的优势，而不是像在普通的旧 PHP、ASP (.net) 等中那样向客户端提供原始响应的数据。

Answer 2

我没有对此进行测试，但应该足够了：

var scheduleReload = function() {
  $timeout(function() {
    $http.get('json/dashboard-home.json').success(function(data) {
      $scope.campaigns = data;
    });
    scheduleReload();
  }, 60*1000);
};
scheduleReload();

确保您依赖该$timeout服务。

Answer 3

出于多种原因，我强烈建议您不要每 60 秒刷新一次页面：

1. 它违背了 AJAX，它只加载你需要的东西，仅此而已。
2. 如果你的想法是关于实时数据，你应该使用 websockets。每次你有新的 json 数据，然后在前端更新它。这将以正确的方式解决您的问题。