在不刷新的情况下更新网站上不断变化的 json 数据

Question

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

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

页面如何在不重新加载页面的情况下访问"updated" json文件并更改显示的数据？

谢谢。

Answer 1

由于 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);

当然也可以用vanilla来做JavaScript，虽然有点复杂

在不刷新的情况下更新网站上不断变化的 json 数据

Update changing json data on web site without refreshing

php

json

reload