Question

我正在尝试创建一个webapp，它将显示信息并在更新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.

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

1 个答案: