更新更改json数据而不刷新网站

Question

我有一个每10秒更改一次的.json文件。

当网站的用户加载页面时，代码首先加载当前的.json文件;然后，.json文件被解码成一个数组;最后，它显示来自该.json文件的数据以及基于由php计算的.json文件的一些其他数据（即.json文件的两个数据点的总和）。

页面如何访问“已更新”的json文件并更改显示的数据而不重新加载页面？

谢谢。

Answer 1

由于JavaScript是运行代码客户端的唯一方法，因此您将不得不在此处使用JavaScript。它的基础是你必须编写一些JavaScript来每10分钟检查一次服务器（例如），并相应地更新正在显示的页面。

使用jQuery，它会是这个样子：

function updatePage() { 
    $.getJSON('/path/to/your/json_endpoint.json', function(data) { 
     // Your code to update the page here. 
     // `data` is the response JSON, in JavaScript object form. 
    }); 
} 

setInterval(updatePage, 1000 * 60 * 10); 

当然它也可以与香草的JavaScript来完成，虽然这是一个比较复杂。