2016-05-11 5 views
-1

5秒ごとにdivを更新するためにデータを取得しようとしているJSONファイルがあります。ウィンドウオブジェクトを使用してDIVをJSONデータで更新する

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データを書き出します。

+0

ここに質問はありませんか? –

+0

あなたは 'window.playerName'変数を設定しています。あなたはそれをページに表示したいなら、実際に何かをしなければなりません。 'results'にアクセスする前に' new'キーワードが必要ないことにも注意してください。最後に、表示されたJSONは配列ではなく、 'serverStatus'プロパティもありません。実際に何をしようとしているのか、なぜこれがうまくいかないのかについていくつかの詳細を述べることができれば、それは良いスタートになるでしょう。 –

+0

あなたは 'checkServerInfo'を呼び出すときの* result *に対して' setTimeout'を呼び出していることに注意してください。実際に 'checkServerInfo'を5秒ごとに呼び出す場合は、' setTimeout(checkServerInfo、5000) 'を指定してください。 –

答えて

0

・ホープ、このヘルプ...

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); 
}); 
0

は、私は次のことを試してみました、それが働いて、ありがとうございました。

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()); 
関連する問題