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>

HTML在刷新时获取新数据

1 个答案: