javascript - 使用 javascript 重新加载 json 属性，无需硬重置网页

Question

JSON 示例:

[{
    "client": "client1",
    "ip": "127.0.0.1",
    "status": "up"
}, {
    "client": "client2",
    "ip": "127.0.0.2",
    "status": "up"
}]

我有这个脚本来读取 JSON 文件并创建表格并根据 JSON 信息将颜色应用于表格:

<script type="text/javascript">

    $.getJSON("<urltojson>/clients.json",
    function (data) {

        var tr;
        for (var i = 0; i < data.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + data[i].client +  "</td>");
            $('table').append(tr);

           if(data[i].status == "up")
            {
              $('td',tr).css ('background-color', '#88d066');
             } else {
              $('td',tr).addClass("statusHOSTDOWN");
            };
        }
    });

    </script>

JSON 文件本身通过后端 python 脚本进行更新。一切都按预期进行。但是，如果我想查看 JSON 文件中的更新信息，我需要硬重新加载网页，这很容易做到。但我希望 javascript 在后台自动重新加载 JSON 并优雅地应用条件，而无需硬重新加载网页。

这可能是一件微不足道的事情，但我缺乏 js 知识对我没有帮助。我花了几个小时进行了有值(value)的研究，但没有任何运气。如有任何帮助，我们将不胜感激。

Answer 1

您可以简单地每 3 秒调用您的函数以及相关的 getJSON jQuery 方法，间隔如下；

window.setInterval(function(){ getJson(); myFunc(); }, 3000);