当前位置: 首页 > 面试题库 >

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

国阳
2023-03-14
问题内容

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

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

真实的例子:

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

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

非常感谢 :)


问题答案:

看看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)
});


 类似资料:
  • 问题内容: 我正在用Node.js和猫鼬编写一个Webapp。如何对通话结果进行分页?我想要一个与SQL 相当的功能。 问题答案: 在通过Rodolphe提供的信息仔细研究了Mongoose API之后,我想出了以下解决方案:

  • 本文向大家介绍php实现登录页面的简单实例,包括了php实现登录页面的简单实例的使用技巧和注意事项,需要的朋友参考一下 开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单。 1、首先自然是连接和创建数据库 这部分我写在model.php中 2、写前台页面,为了熟练前端框架,使用layui框架界面,前面有一段js代码,来判断用户名密码输入是否为空。 3、login

  • 问题内容: 我有一个页面,其中发生了许多耗时的功能。我想做的是在过程的每个步骤完成后,更新网页以使用户知道刚刚完成的步骤。本质上,用户提交查询,然后服务器查询数据库,处理数据,绘制图像并在页面上显示结果。我想让网页说出该功能执行的步骤。它会说“先查询”然后“正在处理” …等等。 伪: 我已经研究过使用Ajax来更新页面而不重新加载它,但是根据我的简单理解(对Ajax零经验),客户端将向服务器请求文

  • 自从我醒来后,我一直在努力让它工作,但我根本不知道是什么导致了这个异常。 这是输出,第167行是“dictionary.add(scan.nextLine)”: C:\用户\Aaronbobaron\文档\NetBeansProjects\W 鳄鱼 斑马 袋鼠 冰 雪 山猫 摩天大楼 java线程“AWT-EventQueue-1”中出现异常。util。NoSuchElementException

  • 问题内容: 在完全基于服务器端的呈现(非Web 2.0)中,部署服务器端代码将在页面重新加载时直接更新客户端页面。相比之下,在基于React的Single Page Application中,即使在更新React组件之后,仍然会有一些客户端使用这些组件的旧版本(它们仅在重新加载浏览器时才获得新版本,这种情况很少发生)->如果页面如果是完全SPA,则某些客户端可能会在几个小时后才刷新页面。 应采用什

  • 在完全基于服务器端的呈现(非Web 2.0)中,部署服务器端代码将在页面重新加载时直接更新客户端页面。相反,在基于React的单页应用程序中,即使在React组件更新后,仍然会有一些客户机使用旧版本的组件(他们只在浏览器重新加载时获得新版本,这应该很少发生)->如果页面是完全SPA,一些客户机可能在几个小时后才刷新页面。 应该使用什么技术来确保旧的组件版本不再被任何客户使用?