Question

我正在尝试创建nodeJS / Socket.io聊天应用。但每当我发送消息时，由于某种原因它会发出多次。客户端：

var socket = io.connect();
var $users = $('#users');
var $messageForm = $('#send-message');
var $messageBox = $('#message');
var $chat = $('#chat');

socket.emit('new user', "{{user.username}}", function(data){
    if(data) {
        console.log("Connected");
    }

});

socket.on('usernames', function(data){
    var html = '';
    for(var i=0; i < data.length; i++){
        html += data[i] + '<br/>'
    }
    $users.html(html);
});

$messageForm.submit(function(e){
    e.preventDefault();
    socket.emit('send message', $messageBox.val(), function(data){
        console.log(data);
        $chat.append('<span class="error">' + "asdfasdfaf" + "</span><br/>");
});
    $messageBox.val('');
});

socket.on('load old msgs', function(docs){
    for(var i=docs.length-1; i >= 0; i--){
        displayMsg(docs[i]);
    }
});

socket.on('new message', function(data){
     displayMsg(data);
});

function displayMsg(data){
    $chat.append(
        '<span class="msg"><b>' + 
        data.nick + ': </b>' + data.msg + "</span><br/>");
}

socket.on('whisper', function(data){
    $chat.append(
        '<span class="whisper"><b>' + 
        data.nick + ': </b>' + data.msg + "</span><br/>");
});

这是服务器端代码（此代码在app.get（）请求中）：

io.sockets.on('connection', function(socket){
    var query = Chat.find({});
    query.sort('-created').limit(8).exec(function(err, docs){
    if(err) throw err;
    // socket.emit('load old msgs', docs);
});

socket.on('new user', function(data, callback){
    socket.nickname = req.user.username;
    users[socket.nickname] = socket;
});



socket.on('send message', function(data, callback){
    var msg = data.trim();
    console.log('after trimming message is: ' + msg);
    var name = req.params.posteruname;

    if(name in users){
        users[name].emit('whisper', {msg: msg, nick: socket.nickname});
        console.log('message sent is: ' + msg);
        console.log('Whisper!');
    } else{
        callback('Error!  Enter a valid user.');
    }


});

socket.on('disconnect', function(data){
    delete users[req.user.username];
    updateNicknames();
});

所以基本上问题是每次触发'发送消息'方法时，消息被多次发送（刷新页面的次数） - ＆gt;我确保在同一用户刷新页面时不会创建新套接字，以避免多条消息。但仍会发送多条消息。我被困在这里一段时间了。任何帮助表示赞赏！

Answer 1

服务器端代码上的监听器除非收到事件，否则不应该执行，因此问题可能在客户端。它是触发服务器消息监听器多一次.. 尝试任何其他事件，如.click（function（）{}）或jquery上的（＆＃39; click＆＃39;，function（）{}）。

Socket.io NodeJS chat：为什么消息多次发出？

1 个答案: