javascript - 无法使用 NodeJS/Socket.io 在 HTML 文件中检索简单的广播消息-6ren

javascript - 无法使用 NodeJS/Socket.io 在 HTML 文件中检索简单的广播消息

转载作者：行者123 更新时间：2023-12-02 14:29:12

25

4

我正在和Socket.io一起学习NodeJS我有一个非常简单的聊天页面。但我不知道我的错误在哪里。

这是我的简单代码:

index.js

var express = require('express');
var app = express();
app.use('/', express.static(__dirname + '/'));
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
    //res.send('<h1>Hello World</h1>');
    res.sendFile(__dirname + '/index.html');
});

io.on('connection', function(socket){
    //console.log('a user is connected!');
    socket.on('disconnect', function() {
        //console.log('user disconnected!');
    });
    socket.on('chat message', function(msg) {
        io.emit('chat message: ' + msg);
    });
});

http.listen(3000, function() {
    console.log('listening on *:3000');
});

index.html

<body>
  <ul id="messages"></ul>
  <form action="">
    <input id="m" autocomplete="on" /><button>Send</button>
  </form>
  <script type="text/javascript" src="jquery-1.12.4.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    var socket = io();
    $('form').submit(function() {
      socket.emit('chat message', $('#m').val());
      $('#m').val('');
      return false;
    });
    socket.on('chat message', function(msg) {
      console.log(msg); //NO VALUE?
    });
  </script>
</body>

我无法获取这一行的值:

 socket.on('chat message', function(msg) {
          console.log(msg); //NO VALUE?
        });

最佳答案

客户端无法接收消息，因为

// Server: Receive and send message
socket.on('chat message', function(msg) {
    io.emit('chat message: ' + msg);
}

您发出了一个名为聊天消息:${msg}的事件，但您并未在客户端监听该事件。发出事件时，您可以通过首先定义事件名称，然后将数据指定为 second parameter in JSON format 来执行此操作。。将上面的代码更改为

// Server: Receive and send message 
socket.on('chat message', function(data) {
    io.emit('chat message', { message : data.message });
}

将使用消息作为数据向客户端发出事件。将事件从客户端发送到服务器时，适用相同的语法。所以改变一下

// Client: Send message
$('form').submit(function() {
    socket.emit('chat message', $('#m').val());

至

// Client: send message
$('form').submit(function() {
    socket.emit('chat message', {message : $('#m').val()});

当服务器应答您的事件后，您就可以接收并访问消息，如下所示:

// Client: Receive message
socket.on('chat message', function(data) {
   console.log(data.message); // VALUE :-)
});

关于javascript - 无法使用 NodeJS/Socket.io 在 HTML 文件中检索简单的广播消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37982058/

25

4

0

文章推荐： javascript - 网站的 Google map 聚类标记

文章推荐： git - SourceTree 终端无法推送，GUI 可以推送

文章推荐： grails - Grails 2.4.5 lib文件夹在哪里

文章推荐： Javascript 循环代码没有显示我想要的输出

ios - 从 url 检索 jpg 图像返回 nil。但是，从 url 检索 png 图像工作正常
如果我使用下面的代码，数据将为零 dispatch_async(dispatch_get_global_queue(0,0), ^{ UIImage *img = [[UIImage allo
检索 fread 使用的列分隔符
fread来自 data.table包一般可以在读取文件时自动确定列分隔符( sep )。例如，这里fread自动检测 |作为列分隔符: library(data.table) fread(past
检索 R 中特定单元格的行名和列名
因此，如果我有一个如下所示的数据框: A B C rowname1 4.5 4 3.2 rowname2 3 23
elasticsearch - 使用Solr或Elasticsearch通过大型OR查询子句进行搜索/检索
我有一个汽车模型的搜索数据库:“日产Gtr”，“Huynday Elantra”，“Honda Accord”等。现在我还有一个用户列表和他们喜欢的汽车类型 user1喜欢:carId:1234，c
java - 检索 "To"中的邮件ID并与javamail中的用户输入进行比较
我正在使用 Javamail 来获取一些电子邮件数据。我将用户输入作为电子邮件 ID、imap 地址和密码并连接到 imap。然后我监视收件箱的电子邮件并查明此人是否在“收件人”或“抄送”中。 Ema
检索 R 中的最佳簇数
我有一些数据，我想根据差距统计来评估最佳簇数。我阅读了 gap statistic 上的页面在 r 中给出了以下示例: gs.pam.RU Number of clusters (method '
JAVA - 检索/存储用户名和密码到服务器的安全方法？
我有一个用户名和密码组合，我将使用它通过 java 代码访问安全服务器。我的想法是: 在外部存储加密凭据执行时提示用户输入解密密码在使用前将解密的凭据直接存储在字符数组中使用凭据连接到数据库
java - Firebase 检索
这是 Firebase 数据:[Firebase 数据][1] 我必须从员工那里检索所有字段并将其存储在一个数组中。现在数据更改 toast 消息即将到来，但已经很晚了。 Firebase.setA
iOS 检索 valueForKey？
我是 iOS 的新手，正在开发一个基本的应用程序，它目前正在使用 SSKeychain 和 AFNetworking 与 API 进行交互。当您使用我检索的应用程序登录并在我的 CredentialS
python - 检索/打印执行上下文
编辑:这个问题已经在 apphacker 和 ConcernedOfTunbridgeWells 的帮助下得到解决。我已更新代码以反射(reflect)我将使用的解决方案。我目前正在编写一个群体智能
c - 检索/比较文件中的字符串与用户文本
我是 C 的新手，我想编写一个程序来检查用户输入的单词是否合法。我已经在 stackoverflow 上搜索了建议，但很多都是针对特定情况的。请在我被激怒之前，我知道这个语法不正确，但正在寻找一些关于
c# - 检索/设置密码和其他敏感数据的安全程序
我相信你们中的一些人编写过 C# 类，这些类必须从数据库设置密码/从数据库获取密码。我假设敏感细节不会以明文形式显示。处理此类数据的推荐程序是什么？检索到的文本是否加密？您是否将 pws 存储在加密
Python 检索 RUID？
我在 linux 上使用 2.7 之前的 python 版本，想知道如何检索 RUID？ 2.7 及更高版本从 os 包中获得了 getresuid，但我似乎找不到 2.6 的等效项最佳答案您可以
Android LRUCache 检索
我已经在 Android 中实现了一个存储对象的标准 LRUCache。每个键都是与存储的对象关联的唯一 ObjectId。我的问题是从缓存中检索对象的唯一方法是通过 ObjectId(无迭代器)。实
c# - 检索 *** 的包元数据时出错
这已经被问过很多次了。解决方案(对我有用)是从 packages.config 文件(这就足够了)和 packages 文件夹中删除 *** 包。这对我来说是一个糟糕的解决方案，因为每次我想安装一些
python - 检索 #{ } 中的文本
我有以下文字: #{king} for a ##{day}, ##{fool} for a #{lifetime} 以及以下(损坏的)正则表达式: [^#]#{[a-z]+} 我想匹配所有#{word
.net - 检索/存储数百万个小型二进制对象的最快方法
我正在寻找一种快速(如高性能，而不是快速修复)解决方案来持久化和检索数千万个小型(大约 1k)二进制对象。每个对象都应该有一个用于检索的唯一 ID(最好是 GUID 或 SHA)。额外的要求是它应该可
chisel - 检索 RegInit 的重置值
有没有办法获取 RegInit 的重置值？通过探测产生的类型的成员？我可以看到 RegInit 将返回类型(例如 UInt )。例如，我将有一个寄存器，我想通过 regmap 对其进行控制。 val
Laravel:检索 JSON 数组中的值计数
Iv 目前接手了一个项目，其中开发人员在某些表的 json 数组列中存储了 has many 关系。产品表 ---------------------------- id | product | c
git - 检索 Git 推送历史？
Git 会在任何地方记录推送到远程的历史吗？我注意到我们能够在 Microsoft VSTS 中查看 Git 存储库的推送历史记录以及每次推送的相关提交。它甚至显示旧的、过时的提交，由于后来的强制推

首页

博学

6Ren·AI

商城

javascript - 无法使用 NodeJS/Socket.io 在 HTML 文件中检索简单的广播消息