javascript - HTML 在刷新时获取新数据

Question

我有一个带有 JavaScript 的 HTML 页面，它读取 JSON 文件并根据此 JSON 文件在屏幕上呈现一些数据。我需要定期(每 10 秒)刷新此页面，以便它捕获 JSON 文件中的更改。我正在执行以下操作:

<meta http-equiv="refresh" content="2" />

我还尝试在 Java 脚本中使用以下代码执行此操作:

<script type="text/javascript">
setTimeout("location.reload(true);",2000);

两个版本都可以工作并定期刷新页面。但是，每当刷新发生时，它都不会从我的 JSON 文件中读取新数据。它仅在我使用“刷新”按钮手动刷新页面时读取数据。有什么方法可以强制它在刷新时读取新数据吗？

Answer 1

如果您可以使用 JQuery 创建带有此 html 的第二个页面，并将 url var 设置为您当前访问的页面。如果您点击新页面，它应该每 10 秒刷新一次数据。

<div id="div1">
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
  var url = //path to your page that is currently working
  reloadData = function() {
    $.ajax({url: url, success: function(result){
        $("#div1").html(result); //takes the content of your url and throws it into div1
    }});
  }
  window.setInterval(reloadData, 10000);//every 10 seconds
});
</script>