socket.io发出不工作

我是新手到socket.io世界，我是想一个简单的程序如下socket.io发出不工作

服务器端

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('socket listening.'); 
socket.on('chat_message', function(msg){ 
     console.log('message: ' + msg); 
     }); 
}); 

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

客户端代码片段

<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> 
    <body> 
    <ul id="messages"></ul> 
    <form action=""> 
     <input id="m" autocomplete="off" /><input type="submit" id="submit" name="submit">Send</input> 
    </form> 
    </body>

所以在这里我看不到要打印的信息。有人能帮我理解相同的原因吗？

作为一个尝试，我也在服务器端做了以下事情。

io.on('chat_message', function(msg){ 
     console.log('message: ' + msg); 
     });

仍然没有工作。

我尝试引用下面的链接，但无法理解相同的原因。

socket.io-client connecting, but not emitting

来源

2016-12-27 Nilesh

脚本标签应驻留在<head>或<body>元件;你的不在里面。所以首先将它们移动到最后的body标签内，以确保在运行脚本之前加载DOM。

您的第一个输入没有任何类型。添加type="text"，以便您可以检索其值。

您已关闭第二个输入标签。 <input>标签是自动关闭的。无需关闭。（您可以通过设置值value属性：value="Send"

<!DOCTYPE html> 
<html> 
    <head> 
    <title>socket.io</title> 
    </head> 
    <body> 
    <ul id="messages"></ul> 
    <form> 
     <input type="text" id="m" autocomplete="off"> 
     <input type="submit" id="submit" name="submit" value="Send"> 
    </form> 
    <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> 
    </body> 
</html>

来源

2016-12-27 16:14:45 dNitro

socket.io发出不工作

回答

相关问题