HTML 在刷新时抓取新数据

Question

我有一个 HTML 页面，其中包含 Java 脚本，该脚本读取 JSON 文件并根据此 JSON 文件在屏幕上呈现一些数据。我需要定期（每 10 秒）刷新此页面，以便它捕获 JSON 文件中的更改。我正在做以下事情：

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

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

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

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

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>

HTML 在刷新时抓取新数据

HTML to grab new data on refresh

html

javascript

refresh