javascript - 如何使用Jquery更新网站信息而不刷新

Question

我正在尝试创建一个 Web 应用程序，它将显示信息并在 JSON 文件更新时更新它。我当前的代码仅在 JSON 文件更新和页面刷新时更新。关键是不要刷新页面。这是我当前的代码

<script>
            $.getJSON('package.json', function (data) {
                for (var i in data) {
                    var username = data[i].username;
                    var value = data[i].value;
                    var tokens = data[i].tokens;
                    $("#playerlist").append('<tr><td>-' + username + ' has deposited $' + value + ' in ' + tokens + ' tokens' + '</td></tr>');
                }
            });
        </script>

非常感谢任何帮助。谢谢!

Answer 1

By using SetInterval we can update the UI in some timeinterval.

     function refreshContent()
        {
        $.getJSON('package.json', function (data) {
                        for (var i in data) {
                            var username = data[i].username;
                            var value = data[i].value;
                            var tokens = data[i].tokens;
                            $("#playerlist").append('<tr><td>-' + username + ' has deposited $' + value + ' in ' + tokens + ' tokens' + '</td></tr>');
                        }

                     setTimeOut(refreshContent, 1000) /// again wait for 1 sec and do refresh
                    });
        }

        setTimeOut(refreshContent, 1000) \\\this will update in every 1 sec.