HTMLの定期部分更新

本ページは広告が含まれています。気になる広告をクリック頂けますと、サーバ運営費になります(^^

定期的に一部分だけ書き換えを行いたい場合

prototype.jsの入手

Prototype JavaScript framework: a foundation for ambitious web applications

より prototype.jsを入手する

$ sudo wget https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js

//有無を言わさず定期更新させる

<html>
  <head>
    <script type="text/javascript" src="js/prototype.js"></script>

    <script type="text/javascript">
      new Ajax.PeriodicalUpdater(
        'hoge', // 返り値を挿入する id を指定する
        './stat.html', // 非同期通信を行いたい url
        {
          method: 'get',
          frequency: 2 // 何秒毎に通信を行うかを指定する
        }
      )
    </script>
  </head>
  <body>
    test
    <div id="hoge"></div> // ここに通信結果が定期的に挿入される
  </body>
</html>

参考
http://blog.livedoor.jp/sasata299/archives/51338366.html

ファイルが更新されたかを確認して再表示するのはこっち
http://qiita.com/momo298/items/f90c4ef4c6bff7fe7ca2