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

时间:2017-05-31 10:49:15

标签: php json reload

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

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

页面如何访问"更新" json文件并更改显示的数据而不重新加载页面?

感谢。

1 个答案:

答案 0 :(得分:0)

由于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完成,虽然它有点复杂。

相关问题