大佬教程收集整理的这篇文章主要介绍了node.js – Socket.io Chat教程无法正常运行，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
http://socket.io/get-started/chat/
我正在遵循教程的单词,甚至尝试将代码复制并粘贴到源代码中,当我输入文本并发送它时,我没有找到.它应该是在我的命令提示符中出现,但是它不是.
我有用户连接和用户断开连接的消息出现,但我被困在这一个,因为我已经按照教程一步一步.
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('/chat/index.html');
});
io.on('connection',function(socket){
socket.on('chat message',function(msg){
console.log('message: ' + msg);
});
});
http.listen(3000,function() {
console.log('Listening on *:3000');
});
index.html的：
<!DOCTYPE html>
<html>
<head lang="en">
<Meta charset="UTF-8">
<title>Chat</title>
<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;
});
</script>
<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>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off" /><button>Send</button>
</form>
</body>
</html>
我假设我犯了一些地方,但是看不到它,尽管我尝试复制并粘贴它.另外,如果重要的是我使用的是Windows 8.1和Chrome.我查了一下,也找不到这个问题的答案.任何帮助都会很棒.
编辑：问题是与jQuery,由于某种原因它没有响应,因为它应该.在香草中重写剧本后,会按照预期的方式工作.
Index.js – JavaScript
<script>
var socket = io();
function sendMessage() {
var msg = document.getElementById('m');
socket.emit('message',msg.value);
msg.value = '';
return false;
}
</script>
HTML：
<form action="" onsubmit="javascript:sendMessage();">
<input id="m" autocomplete="off" /><button>Send</button>
</form>
localStorage.debug = "socket.io-client:socket"
在服务器端：
DEBUG=* node yourfile.js
此外,您希望在文档准备就绪时执行脚本,以便使用jQuery,因此您需要延迟一些：
$( document ).ready(function() {
var socket = io();
$('form').submit(function(){
socket.emit('chat message',$('#m').val());
$('#m').val('');
return false;
});
});
以上是大佬教程为你收集整理的node.js – Socket.io Chat教程无法正常运行全部内容，希望文章能够帮你解决node.js – Socket.io Chat教程无法正常运行所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。