gpt4 book ai didi

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

转载 作者:IT老高 更新时间:2023-10-28 22:59:51 26 4
gpt4 key购买 nike

我对 node.js 非常陌生,但实际上我通过学习这门语言只想要实现一件简单的事情。

我想创建一个网页,其中特定“div”中的代码可以即时热交换给当前正在查看该页面的用户。 (即 div 包含一些文本,但随后图像会替换它。)理想情况下,交换将由网页管理员通过单击按钮手动执行,或者在服务器上触发一些代码或其他东西。网页的普通浏览者无法做到这一点 - 他们只能看到网页上的实时变化。

现实生活中的例子:

互联网直播已停播,因此“div”包含“off-air”文本。直播时代码会发生实时热交换,网页的查看者现在会在“div”中看到 html5 广播播放器。

对于 node.js 新手来说,最简单的方法是什么?

非常感谢:)

最佳答案

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

当服务器决定广播更改使用时:

io.sockets.emit('update-msg', { 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)
});

关于javascript - node.js - 如何进行简单的实时页面更新?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15861344/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com