一尘不染

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