AJAX経由のHTMLでの時間のリフレッシュ

HTMLページをリフレッシュするたびにグラフが更新されるたびに、チャートのリンクを持つHTMLページが1つあります。AJAX経由のHTMLでの時間のリフレッシュ

私はAJAXの助けを借りて、その時間帯にチャートが自動的に更新され、そのHTMLページをリフレッシュしないと聞きました。

同じようなhtmlコードで私を助けてください。

よろしく、ラジ

2009-06-16 Anonymous

あなたがAJAXのためのjQueryのようなシンプルなフレームワークと一緒に、JavaScriptでsetInterval()方法を使用することができます。

それはこのようになります：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us"> 
    <head> 
    <title>My AJAX Chart</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript"> 

     $(document).ready(function(){ 
     setInterval("refreshChart", 5000); // Refresh every 5 seconds 
     }); 

     function refreshChart() { 
     $.get("myChart.php", function(data) { 
      $("div.chartHolder").html(data); 
     }); 
     } 

    </script> 
    </head> 
    <body> 

    <h1>My Chart</h1> 
    <div class="chartHolder"></div> 

    </body> 
</html>

出典

2009-06-16 11:41:57 Sampson

を、それはあなたがJavaScriptに新しいもののように聞こえるので、私はあなたがjQueryのライブラリを見て推薦する、それはあなたが最小限のとやりたいことができます合併症：

このような何かが働くだろう：

function updateChart() { 
    $('#someTable tbody').load('updateChart.html'); 
} 

$(function() { 
    setInterval(updateChart, 20000); 
});

出典

2009-06-16 11:43:59 cgp

あなたは、例えばのようなものを組み合わせた場合この;これはhttp://ra-ajax.org/Docs.aspx?class=Ra.Extensions.Widgets.Timerです。 http://ra-ajax.org/samples/Chart-Sample.aspxあなたは簡単にそこに着きます。

上記のサンプルは.Net用ですが、他のプラットフォームでも同様の構成（およびフレームワーク）があります...

出典

2009-06-16 11:46:26

AJAX経由のHTMLでの時間のリフレッシュ

答えて

関連する問題