Question

每当我刷新HTML页面时，我都会有一个带有图表链接的html页面。

我从朋友那里听说，在AJAX的帮助下，该图表会在给定的时间间隔内自动刷新而不刷新该html页面。

请帮助我使用html代码。

此致拉吉

Answer 1

你可以在javascript中使用setInterval()方法，以及AJAX的jQuery这样的简单框架。

它看起来像这样：

<!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>

Answer 2

由于听起来你是JavaScript的新手，我建议你看一下jQuery库，它可以用最少的复杂功能做你想做的事情：

这样的事情会起作用：

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

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

Answer 3

如果你结合像这个; http://ra-ajax.org/Docs.aspx?class=Ra.Extensions.Widgets.Timer这个; http://ra-ajax.org/samples/Chart-Sample.aspx你很容易到达那里。

上面的示例是针对.Net的，但是对于其他平台也存在类似的构造（和框架）......

通过AJAX在HTML中进行时间更新

3 个答案: