javascript - Node.js socket.io 为单个事件返回多个值

Question

我正在尝试使用 Node、Express (^4.15.3) 和 socket.io (^2.0.3) 构建一个简单的应用程序。我正在构建一个简单的聊天应用程序，但每次添加新消息时，每次都会收到额外的回复。

例如，如果第一条消息是“你好”，我将返回:

1. 你好

如果我随后添加“有人在吗？”的后续消息，我会返回:

1. 有人吗？
2. 有人吗？

依此类推...每次我收到额外的回复。

这是我的代码 - 感觉它非常明显，我可能盯着它看了太久......

//app.js

var express          = require("express");
var bodyParser       = require("body-parser");
var expressValidator = require('express-validator');
var session          = require('express-session');
var passport         = require("passport");
var app              = express();
var http             = require('http');
var server           = http.createServer(app);
var io               = require('socket.io').listen(server);

app.use(express.static("public"));
app.set("view engine", "ejs");

server.listen(process.env.PORT || 3000, process.env.IP, function(){
    console.log("Server starting...");
});

app.get('/testsocket', function(req, res){
   res.render('sockets/test');
});

io.sockets.on('connection', function(socket){
    console.log('Connected')
    socket.on('send message', function(data){
        console.log('Got the message...');
        io.sockets.emit('new message', data) 
    });
});

然后是客户端

//client side
$(function() {
  var socket = io.connect();
  var $messageForm = $('#send-message');
  var $messageBox = $('#message');
  var $chat = $('#chat');

  $messageForm.submit(function(e){
    e.preventDefault();

    socket.emit('send message', $messageBox.val());
    $messageBox.val('');

    socket.on('new message', function(data){
      $chat.append(data + "<br>");
    });
  });
});

Answer 1

我认为问题在于您在提交函数中为 new message 注册了监听器。因此，每次您提交表单时，除了之前的所有听众之外，您还注册了一个新的听众。尝试将 socket.on('new message', ... 部分放在 submit 处理程序之外。