Socket.io得到意外

<body> 
<ul id="messages"></ul> 
<form action=""> 
    <input id="m" autocomplete="off" /><button onclick="message()">Send</button> 
</form> 
<script src="/socket.io/socket.io.js"></script> 
<script> 
    var socket = io(); 

    var message = function(){ 
     var msg = document.getElementById("m").value; 
     if(msg !== ""){ 
     alert(msg); 
     socket.emit('chat message',msg); 
     } 
     document.getElementById("m").value=""; 
    } 

    socket.on('display',function(value){ 
     console.log(value); 
     document.getElementById("messages").innerHTML += "<li>"+value+"</li>"; 
    }) 

</script>

Socket.io得到意外

断开。这是我的index.html页面使用socket.io

var express = require('express'); 
var app = express(); 
var http = require('http').createServer(app); 
var io = require('socket.io')(http); 
app.get('/', function(request, response) { 
    response.sendFile(__dirname + '/index.html'); 
}); 
io.on('connection',function(socket){ 
    console.log('a user connected'); 
    socket.on('chat message',function(msg){ 
     console.log('message: '+msg); 
     io.emit('display',msg); 
    }); 
    socket.on('disconnect',function(){ 
     console.log('user disconnected') 
    }) 
}); 

http.listen(3000, function() { 
    console.log("listening on 3000"); 
});

这是我index.js文件设计一个群聊。每次发送消息时，用户都会断开连接。任何建议，为什么会这样提前

感谢

来源

2017-08-29 AKSHARA T

它会抛出任何错误吗？ – Subburaj

没有错误。用户在发送的每条消息上断开连接 –

添加message(event)到您的窗体：

<form action=""> 
    <input id="m" autocomplete="off" /><button onclick="message(event)">Send</button> 
</form>

和更改邮件功能：

var message = function(event){ 
    event.preventDefault(); 
    var msg = document.getElementById("m").value; 
    if(msg !== ""){ 
     alert(msg); 
     socket.emit('chat message',msg); 
    } 
    document.getElementById("m").value=""; 
}

默认的HTML方法，当你提交表单是GET。当express收到GET时，它会向浏览器重新发送index.html并刷新页面。我们可以用event.preventDefault()来改变它。它现在应该工作。

来源

2017-08-29 10:02:04 mk12ok

与JS完美协同工作。但是，当使用角度，我有同样的问题 –

你可以问一个新的问题，并告诉我们你的角码 – mk12ok

你不应该这样做：

io.emit

你应该这样做：

socket.emit

来源

2017-08-29 09:47:26 Lazyexpert

仍然不工作 –

Socket.io得到意外

回答

相关问题