Javascript Socket.IO和Node.js:Won';不要向服务器发送数据
我正在学习使用Socket.IO和Node.JS,并尝试开始使用它进行自己的聊天。但是,聊天室中根本没有显示文本!有人能帮我吗 index.htmlJavascript Socket.IO和Node.js:Won';不要向服务器发送数据,javascript,node.js,socket.io,Javascript,Node.js,Socket.io,我正在学习使用Socket.IO和Node.JS,并尝试开始使用它进行自己的聊天。但是,聊天室中根本没有显示文本!有人能帮我吗 index.html <!doctype html> <html> <head> <title>Socket.IO chat</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; }
<!doctype html>
<html>
<head>
<title>Socket.IO chat</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px Helvetica, Arial; }
form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
#messages { list-style-type: none; margin: 0; padding: 0; }
#messages li { padding: 5px 10px; }
#messages li:nth-child(odd) { background: #eee; }
</style>
</head>
<script src="/socket.io/socket.io.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;
});
socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg));
});
</script>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off" /><button>Send</button>
</form>
</body>
</html>
package.json
{
"name": "socket-chat-example",
"version": "0.0.1",
"description": "my first socket.io app",
"dependencies": {
"express": "^4.10.2",
"socket.io": "^1.7.2"
}
}
这是因为socket.io或express的版本导致的,还是什么原因?如果你知道原因,谢谢你 我只需要将脚本移到标记后面。那么,nvm 我以前也遇到过同样的问题,当我使用broadcast.emit时,它收到了msges
io.broadcast.emit('chat message', msg);
您是否在js和节点服务器中添加了一些
console.log
调用,以查看是否发送和接收聊天消息?您能否在浏览器中查看/socket.io/socket.io.js
?
io.broadcast.emit('chat message', msg);