Socket.io - 无法从客户端发送消息到服务器端
Posted
技术标签:
【中文标题】Socket.io - 无法从客户端发送消息到服务器端【英文标题】：Socket.io - Unable to send a message from client side to server side 【发布时间】：2015-10-16 11:31:45 【问题描述】：我有两个文件 -
index.html index.js在 index.html 中，我有一个文本框。我想在控制台（node.js的命令提示符）上显示在文本框中键入的消息。
在 index.html 中，我写了这个 -
<script>
var socket = io();
$('form').submit(function()
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
);
</script>
在服务器端，在 index.js 我使用了这个 -
socket.on('chat message', function(msg) //here is the listener to the event
console.log('message: ' + msg);
);
但是，消息没有显示在控制台中。我的代码有什么问题？ 如果需要，请参考以下文件。
index.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('a user connected');
socket.on('disconnect', function()
console.log('user disconnected');
);
socket.on('chat message', function(msg) //here is the listener to the event
console.log('message: ' + msg);
);
);
http.listen(3000, function()
console.log('listening on *:3000');
);
index.html
<!doctype html>
<html>
<head>
<title>Socket.IO chat</title>
<style>
//some code
</style>
</head>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
var socket = io();
$('form').submit(function()
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
);
</script>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off" /><button>Send</button>
</form>
</body>
</html>
【问题讨论】：
你看到控制台上打印了什么吗？ 你在看哪个控制台，浏览器控制台还是命令行控制台？ 尝试将包含 socket.io 代码的 html 文件中的<script> 块移到关闭 </body> 标记之前。
@BidhanA 完美！谢谢比丹，它奏效了。我认为在加载脚本时还没有加载正文。正如你所建议的，在 工作之后移动它。谢谢！
请写和答案一样，以便我接受！ :)
【参考方案1】：
将包含 socket.io 代码的 html 文件中的 <script> 块移动到关闭 </body> 标记之前，以便仅在正文完成加载后加载脚本。
【讨论】：
以上是关于Socket.io - 无法从客户端发送消息到服务器端的主要内容，如果未能解决你的问题，请参考以下文章
Socket.io 无法在 Chrome 和 Firefox 上向 Node 服务器发送消息
如何从 socket.io-redis 发送私人消息（发射）