Question

我有一个JSON文件，我试图从每5秒钟更新一次div来获取数据。

JSON文件：

{"playersOnline":0,"version":"1.9.2"}

JavaScript的：

 var checkServerInfo = function(){
        // Get Info From JSON File
        $.getJSON('data.json', function(results) {
            window.playerName = new results[0].serverStatus;
        });             
        // Reload Every 5 Seconds
        setTimeout(checkServerInfo(),5000);
    };
    $(document).ready( checkServerInfo() );

如果我用document.write(results.playerName);替换窗口对象，它会将JSON数据写入页面。

Answer 1

希望这有帮助...

 var checkServerInfo = function(){
        // Get Info From JSON File
       $.getJSON('data.json', function(results) {
           window.playerName = results.playersOnline;
           document.getElementById("whereDoYouWantToDisplayThis").innerHTML = window.playerName;
       });             
 };
 $(document).ready( function(){
    setInterval(checkServerInfo,5000);
 });

Answer 2

谢谢，我尝试了以下内容并且正在运行。

var checkServerInfo = function(){

    // Get Info From JSON File
    $.getJSON('data.json', function(jsondata) {
        $('#autoUpdateServerPlayersOnline').html(jsondata.playersOnline);
    }); 

    // Reload Every 5 Seconds
    setTimeout(checkServerInfo,5000);

};  

$(document).ready( checkServerInfo() );

使用window对象用JSON数据更新DIV

2 个答案: