將套接字數據發送到nodejs中的特定ejs頁面

Question

我在節點中使用express + ejs作爲視圖引擎。在通過套接字發送消息時遇到問題。我的主文件名 是index.js，而查看文件是pages/messages，即ejs 文件。我使用

app.get('/messages/:id', function(req,res)   { 
      res.render('pages/messages'); 

      }); 

io.sockets.on('connection', function(socket) { 

    socket.on('chat message', function(msg) {  console.log(msg); socket.emit('chat message', msg); 

     }); 
}); 

以上代碼我使用中即index.js主文件和下面的代碼作爲前端

<script src="/socket.io/socket.io.js"></script> 
<script src="http://code.jquery.com/jquery-1.11.1.js"></script> 

<script> var socket = io(); 
    $(document).ready(function() 
{ $('form').submit(function(e){ 
alert('1');  
e.stopPropagation();  
e.preventDefault(); 
     socket.emit('chat message', $('#m').val(), ''); 
     $('#m').val(''); 
     return false; }); 
      socket.on('chat message', function(req, res){ 
     $('#messages').append($('<li>').text(res)); 
       }); }); 
</script> 




<ul id="messages"></ul> 

     <form action="" > 
      <input id="m" autocomplete="off" /><button>Send</button> 
     </form> 

後EMIT裏包含空數據。

Answer 1

req,res params適用於快速路線，而不適用於socket events。做如下更改，並檢查它是否工作：

socket.emit('chat message', $('#m').val()); 

socket.on('chat message', function(data){ 
    $('#messages').append($('<li>').text(data)); 
}); 

在你的後端，將其更改爲要解決回聲問題：

io.sockets.on('connection', function(socket) { 
    socket.on('chat message', function(msg) {    
     console.log(msg);   
     socket.broadcast.emit('chat message', msg); 

    }); 
    });