Question

我正在和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?
        });

Answer 1

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

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

您发出名为chat message: ${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 :-)
});

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

1 个答案: