Socket.io socket.emit不传递数据到服务器

我正在尝试使用Socket.io。我有以下代码。Socket.io socket.emit不传递数据到服务器

这是我的index.html。

<!doctype html> 
<html> 
    <body> 
    <ul id="messages"></ul> 
    <form action="" onsubmit="return sayHello()"> 
     <input id="m" autocomplete="off" /><button>Send</button> 
    </form> 
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> 
    <script> 
     var socket = io.connect('http://127.0.0.1:3001/'); 

    function sayHello(){ 
     var msg = document.getElementById('m'); 
     console.log(msg); <- This is getting printed. 
     socket.emit('message', msg.value); 
     msg.value=''; 
     return (false); 
    } 

     // $('form').submit(function(){ 
     // socket.emit('chat message', $('#m').val()); 
     // $('#m').val(''); 
     // return false; 
     // }); 
     // socket.on('chat message', function(msg){ 
     // $('#messages').append($('<li>').text(msg)); 
     // }); 
    </script> 
    </body> 
</html>

这是我server.js

var app = require('express')(); 
var http = require('http').Server(app); 
var io = require('socket.io')(http); 

app.get('/', function(req, res){ 
    res.sendFile(__dirname + '/index.html'); 
}); 

io.on('connection', function(socket){ 
    console.log("GO!") <- This is getting printed 
    socket.on('chat message', function(msg){ 
    console.log(msg); <- This is not getting printed. 
    io.emit('chat message', msg); 
    }); 
}); 

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

我已经克隆从Socket.io网站样本项目。我试图通过用VanillaJS替换Jquery来修改一些代码。

来源

2016-04-25 chatuur

您正在收听chat message，但正在从客户端发出message。与.emit一起提供的事件名称必须与在.on处理程序中服务器上正在侦听的event名称匹配。

//SERVER SIDE CODE 
 
var app = require('express')(); 
 
var http = require('http').Server(app); 
 
var io = require('socket.io')(http); 
 

 
app.get('/', function(req, res) { 
 
    res.sendFile(__dirname + '/index.html'); 
 
}); 
 

 
io.on('connection', function(socket) { 
 
    console.log("GO!") < -This is getting printed 
 
    socket.on('chat message', function(msg) { 
 
    console.log(msg); < -This is not getting printed. 
 
    io.emit('chat message', msg); 
 
    }); 
 
}); 
 

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

<!doctype html> 
 
<html> 
 

 
<body> 
 
    <ul id="messages"></ul> 
 
    <form action="" onsubmit="return sayHello()"> 
 
    <input id="m" autocomplete="off" /> 
 
    <button>Send</button> 
 
    </form> 
 
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> 
 
    <script> 
 
    var socket = io.connect('http://127.0.0.1:3001/'); 
 

 
    function sayHello() { 
 
     var msg = document.getElementById('m'); 
 
     console.log(msg); < -This is getting printed. 
 
     socket.emit('chat message', msg.value); 
 
     //-----------^^^^^^^^^^^^ Event name must match with the `.on` listener on the server! 
 
     msg.value = ''; 
 
     return (false); 
 
    } 
 
    </script> 
 
</body> 
 

 
</html>

来源

2016-04-25 04:43:54 Rayon

Socket.io socket.emit不传递数据到服务器

回答

相关问题