如何使用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.