如何实时更新来自mongodb的数据流,而该数据经常更新而又不刷新nodejs中的页面

时间:2018-08-03 10:25:40

标签: node.js websocket

app.post('/databykey', function(req, res) {
  var api = req.body.api;
  console.log(api);
  push.getdata(api, function(err, data) {
    if (err) {
      console.log(err);
    } else {
      var sample = [];
      for (i = 0; i < data.length; i++) {
        sample[i] = data[i].id
      }
      console.log(sample);
      res.render('data', {
        'data': sample
      });
    }
  })
}) 

这是我的源代码。我正在从mongodb获取数据,该数据会经常更新。如何在不刷新浏览器的情况下将更新的数据呈现到前端

1 个答案:

答案 0 :(得分:0)

您可以为前端作业使用许多框架,并且每个框架都有一个方法。只需通过每2秒发送ajax即可使用jQuery这样的东西,例如:

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

(function loaddata()
{
  $.ajax({
  type: 'post',
  url: 'server address/databykey',
  data: {
   api: 'some data'
  },
  success: function (response) {
   $( '#display_info' ).html(response);
  }
  });
 }
setInterval(loaddata, 2000);
})();

</script>

</head>
<body>

<div id="display_info" >
</div>

</body>
</html>