2017-02-05 12 views
0

Я работаю над обучением использованию Socket.IO и Node.JS, и я пытаюсь начать с него собственный чат. однако, текст не отображается вообще в чате! может кто-то помочь мне здесь?Socket.IO и Node.js: не будут отправлять данные на сервер

index.html

<!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> 

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(__dirname + '/index.html'); 
}); 

io.on('connection', function(socket){ 
    socket.on('chat message', function(msg){ 
    io.emit('chat message', msg); 
    }); 
}); 

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

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 или выразить, что является причиной, что , или что это? если вы знаете, почему, спасибо!

+0

Вы добавили некоторые 'console.log' вызовов в JS и сервер узла, чтобы увидеть, если сообщения чата являются отправляется и принимается? Вы можете просматривать '/ socket.io/socket.io.js' в своем браузере? – user2896976

ответ

0

Мне просто нужно было переместить материал скрипта после тега. nvm тогда!

0

я получил тот же вопрос некоторое время назад, он получил прием msges, когда я использовал broadcast.emit

io.broadcast.emit('chat message', msg);