每当我的json数据文件发生更改时如何刷新页面

Question

每当我的json数据文件发生更改时如何刷新页面

所以我有一个名为'data.json'的本地文件包含各种数据.我只想在json文件中的某些数据发生变化时刷新页面.如果您能用一些代码解释我,请感谢您的帮助.我在互联网上搜索,我找不到合适的答案.

Answer 1

创建一个计时器,每隔X毫秒获取一次json文件.如果自上次获取后json内容已更改,请重新加载页面.下面的示例代码使用JQuery来获取json文件,并检查每2000毫秒.确保json文件包含有效的json.

<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    var previous = null;
    var current = null;
    setInterval(function() {
        $.getJSON("data.json", function(json) {
            current = JSON.stringify(json);            
            if (previous && current && previous !== current) {
                console.log('refresh');
                location.reload();
            }
            previous = current;
        });                       
    }, 2000);   
</script>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，7 月前
查看次数：	26378 次
最近记录：	9 年，7 月前