jquery - socket.io - ReferenceError：未定义套接字

Question

我正在尝试编写一个简单的应用程序，将我在文本区域中键入的每个字符镜像到使用 socket.io 的 div 上，但我不断收到以下客户端错误：“ReferenceError：未定义套接字”

这是我的服务器代码：

var express = require('express'),
    app = express(),
    server = require('http').createServer(app),
    io = require('socket.io').listen(server);

server.listen(3000);

app.get('/', function(req,res){
    res.sendfile(__dirname+ '/index.html');
});

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

    socket.on('keyup', function(data){
        io.sockets.emit('keydisplay',data); 
    });


});

客户端代码：

    <div id="output"></div>
    <textarea id = "input"></textarea>

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

    <script>
        jQuery(function($){

            $('#input').keyup(function(){
                content = $('#input').val();
                socket.emit('keyup', content);

            });

            socket.on('keydisplay', function(data){
                $('#output').append(data);
            }); 
        });


    </script>

有什么线索吗？我究竟做错了什么？

Answer 1

嗯，这不是很明显吗？您尚未socket在客户端代码中定义（这就是 ReferenceError 的意思）：

jQuery(function($){
    var socket = io.connect('http://localhost');
    // the other code goes here
});

请注意，这io是socket.io.js脚本中的全局变量。