node.js-如何进行简单的实时页面更新？

一尘不染

node.js

我对Node.js非常陌生，但是实际上我只想通过学习该语言来实现一件事。

我想创建一个网页，通过该网页可以将特定“
div”中的代码即时热交换给当前正在查看该页面的用户。（即div包含一些文本，但是随后图像替换了该文本。）理想情况下，交换将由网页管理员通过单击按钮手动执行，或者在服务器上触发某些代码或类似操作。常规浏览者无法执行此操作-
他们只能看到页面上的实时更改。

真实的例子：

实时互联网广播是广播的，因此“ div”包含“广播”文本。直播开始时会发生实时代码热交换，并且网页的查看者现在可以在“ div”中看到html5广播播放器。

为node.js新手执行此操作的最简单方法是什么？

非常感谢：）

阅读 401

2020-07-07

共1个答案

一尘不染

看看Socket.IO http://socket.io/#how-to-use

当服务器决定广播更改用途时：

io.sockets.emit('update-msg', { data: 'this is the data'});

在客户端上，首先连接socket.io，然后等待“ update-msg”事件并更新您的dom：

var socket = io.connect('http://localhost');
socket.on('update-msg', function (msg) {
    console.log(msg);
    $('#mydiv').html(msg.data)
});

2020-07-07