$ .getを定期的に使用してExpressサーバーをポーリングします

Question

サーバー時間ジェネレーターを備えたExpressサーバーがあります。生成された時間は、クライアントページgtm.hbsに送信されます。クライアントページから定期的にサーバーをポーリングするにはどうすればよいですか？私はajaxソリューションを探しています。

ここ\routes\getTime.jsに保存されているサーバー側のコードです：

module.exports = { 
    sendCurrentUTCTimeString: function(req, res, next) { 
     var currentUTCTime = new Date(); 
     var currentUTCHours = currentUTCTime.getUTCHours(); 
     var currentUTCMinutes = currentUTCTime.getUTCMinutes(); 
     var currentUTCSeconds = currentUTCTime.getUTCSeconds(); 

     currentUTCHours = (currentUTCHours < 10 ? "0" : "") + currentUTCHours; 
     currentUTCMinutes = (currentUTCMinutes < 10 ? "0" : "") + currentUTCMinutes; 
     currentUTCSeconds = (currentUTCSeconds < 10 ? "0" : "") + currentUTCSeconds; 
     currentUTCHours = (currentUTCHours == 24) ? "00" : currentUTCHours; 

     function pad(number, length) { 
      var str = "" + number; 
      while (str.length < length) { 
       str = '0' + str; 
      } 
      return str; 
     } 

     var offset = new Date().getTimezoneOffset(); 
     offset = ((offset < 0 ? '+' : '-') + pad(parseInt(Math.abs(offset/60)), 2) + pad(Math.abs(offset % 60), 2)); 
     offset = offset.match(/[\+-][0-9][0-9]/)[0]; 
     res.send({currentUTCTime: currentUTCTime, currentUTCHours: currentUTCHours, currentUTCMinutes: currentUTCMinutes, currentUTCSeconds:currentUTCSeconds, offset: offset}); 
    } 
} 

gettime.hbsページのコードは、私が4つの<span> Sを埋め、その後、サーバーをポーリングしますページをレンダリングしたい

ここ

<script> 
    $(document).ready(function() { 
     setInterval(function() { 
      var currentUTCHours; 
      var currentUTCMinutes; 
      var currentUTCSeconds; 
      var offset; 
      $.get('/gettime', function(data) { 
       debugger; 
       console.log(data); 
       currentUTCHours = data.currentUTCHours; 
       currentUTCMinutes = data.currentUTCSeconds; 
       currentUTCSeconds = data.currentUTCMinutes; 
       offset = data.offset; 
       $('#currentUTCHours').text(currentUTCHours); 
       $('#currentUTCMinutes').text(currentUTCMinutes); 
       $('#currentUTCSeconds').text(currentUTCSeconds); 
       $('#offset').text(offset); 
      }); 

      console.log('currentUTCHours: ' + currentUTCHours); 
     }, 1500); 
    }); 
</script> 

currentUTCHours: <span id="currentUTCHours"></span><br> 
currentUTCMinutes: <span id="currentUTCMinutes"></span><br> 
currentUTCSeconds: <span id="currentUTCSeconds"></span><br> 
offset: <span id="offset"></span><br> 

ですサーバーの応答値と比較します。

サーバーとクライアントを接続するルートが

app.get('/gettime', getTime.sendCurrentUTCTimeString); 
app.get('/gtm', function(req, res, next) { 
    res.render('gettime', {}); 
}); 

Answer 1

$('#currentUTCHours').text(currentUTCHours); 
$('#currentUTCSeconds').text(currentUTCSeconds); 

では変更が見えるように$に.get（）内にある必要があります。