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处理程序之外。