javascript - onReady() 在浏览器恢复页面时不执行 $.getJSON()

Question

首先让我声明，当我打开一个新的浏览器页面并输入我的 Web 服务器的 URL 时，下面的代码工作正常，当我重新加载页面(F5 或 Ctrl-R)时它也工作。
它只能部分工作但是如果我重新打开一个关闭的浏览器窗口并且浏览器恢复我的旧选项卡:然后，今天的日期被更新并显示(参见下面的代码，非常简单)，但 getJSON() 调用似乎没有被执行。浏览器继续显示上一个 session 的数据。仅当我更新页面 (F5) 时，浏览器窗口中的数据才会更新。
我确定这不是服务器。还能是什么？

浏览器:Firefox、Chrome，最新版本。

在 index.html 中使用这段代码

<script>
  $(document).ready(onReady());
</script>

和 helper.js 中的这段代码

var onReady = function() {
  // Display current date
  var dateText = moment().format("dddd, Do MMMM YYYY");
  var dateHTML = "<h2>" + dateText + "</h2>";
  $("#date-col").append(dateHTML);
  :
  :
  // Retrieve data from server and display it
  var statText = "Statistics:";
  $.getJSON("courses/starter", function(data) {
    statText = statText.concat(" " + data.count + " starter");
    $.getJSON("courses/dessert", function(data) {
      statText = statText.concat(", " + data.count + " dessert");
      $("#statistics").text(statText);
    });
  });
}

Answer 1

您必须传递回调而不是立即执行该函数。

尝试:

<script>
  $(document).ready(onReady);
</script>