Время обновления в HTML через AJAX - PullRequest
Новая
       19

Время обновления в HTML через AJAX

0 голосов
/ 16 июня 2009

У меня есть одна HTML-страница со ссылками на диаграмму всякий раз, когда я обновляю HTML-страницу, а диаграмма обновляется.

Я слышал от моего друга, что с помощью AJAX эта диаграмма будет обновляться автоматически с заданным интервалом времени без обновления этой HTML-страницы.

Пожалуйста, помогите мне с HTML-кодом для того же.

С уважением, Радж

Ответы [ 3 ]

3 голосов
/ 16 июня 2009

Вы можете использовать метод setInterval () в javascript вместе с простой структурой, такой как jQuery для AJAX .

Это будет выглядеть примерно так: 

<!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>
0 голосов
/ 16 июня 2009

Если вы объедините что-то вроде, например этот; http://ra -ajax.org / Docs.aspx? Class = Ra.Extensions.Widgets.Timer с этим; http://ra -ajax.org / samples / Chart-Sample.aspx Вы легко доберетесь туда.

Выше приведены примеры для .Net, но существуют аналогичные конструкции (и фреймворки) и для других других платформ ...

0 голосов
/ 16 июня 2009

Так как кажется, что вы новичок в JavaScript, я бы порекомендовал вам взглянуть на библиотеки jQuery, он может делать то, что вы хотите, с минимальными сложностями:

Примерно так будет работать: 

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

$(function() {
  setInterval(updateChart, 20000);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...