テキストに変更があった時だけHTMLを部分書き換えする Ajax

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

元ネタはここ

映像配信やってて、映像を録画した時にファイルが増え続ける状況を定期的に表示したい。短い間隔でwebに表示したいけど、全面書き換えを数秒ごとに行うのもうっとおしいので、Ajaxを利用して部分書き換えしていく。

<html>
  <head>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>

    <script type="text/javascript">
      $(function(){
        $.PeriodicalUpdater('./rec.txt',{
          method: 'get',
          minTimeout: 1000,
          type: 'html',
          multiplier:1,
          maxCalls: 0
        },

        function(data){
          $("#rec_txt").text(data);
        });
      });

    </script>

  </head>
  <body>
    <H3>Sakura Dashbord</H3>
    <div  style="clear:both;float:left;font-size:12px;" id="rec_txt">rec status</div>
  </body>
</html>

 

 

タイトルとURLをコピーしました