io.connect：io没有被定义，但是socket.io被加载

我已经构build了一个node.js服务器，它提供了一个client.html页面，其中包含一个来自mysql数据库的消息列表。 我不能使用ajax调用工作。 client.html页面是这样的：

<time></time> <div id="container">Loading ...</div> <script src="http://oclock.dyndns.org:8000/socket.io/socket.io.js"></script> <!--<script src="socket.io/socket.io.js"></script>--> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> // create a new websocket var socket = io.connect('http://oclock.dyndns.org:8000'); // on message received we print all the data inside the #container div socket.on('notification', function (data) { var msgs = '<div>'; $.each(data.flashmsgs,function(index,flashmsg){ msgs += "<b>Messaggio inviato da " + flashmsg.created_by + "</b><br>"; msgs += flashmsg.testo; }); msgs += '</div>'; $('#container').html(msgs); $('time').html('Last Update:' + data.time); }); </script> 

而ajax调用的代码如下：

  (function nodeLoader(){ $.ajax({ url: "client.html", method: "get", data: {hk: hk }, success: function(data){ $('#messaggi').html(data); } }); })(); 

该socket.io代码被加载，但我得到一个错误io.connect：io没有定义。 如果我将url从client.html更改为http://oclock.dyndns.org:8000 （正在侦听请求的node.js服务器的url），则会出现同样的问题。 任何帮助表示赞赏！

编辑：server.js

 var hwkey; var app = require('http').createServer(handler), io = require('socket.io').listen(app), url = require('url'), fs = require('fs'), mysql = require('mysql'), connectionsArray = [], connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'flipper', database: 'oclock', port: 3306 }), POLLING_INTERVAL = 3000, pollingTimer; // If there is an error connecting to the database connection.connect(function(err) { // connected! (unless `err` is set) if (err) { console.log(err); } }); // creating the server ( localhost:8000 ) app.listen(8000); function handler(req, res) { var origin = (req.headers.origin || "*"); if (req.method.toUpperCase() === "OPTIONS"){ res.writeHead( "204", "No Content", { "access-control-allow-origin": origin, "access-control-allow-methods": "GET, POST, PUT, DELETE, OPTIONS", "access-control-allow-headers": "content-type, accept", "access-control-max-age": 10, // Seconds. "content-length": 0 } ); return( res.end() ); } console.log("INCOMING REQUEST: "+req.method+" "+req.url); req.parsed_url = url.parse(req.url, true); var getp = req.parsed_url.query; hwkey = getp.hk; fs.readFile(__dirname + '/client.html', function(err, data) { if (err) { console.log(err); res.writeHead(500); return res.end('Error loading client.html'); } res.writeHead( 200, { "access-control-allow-origin": origin, "content-length": data.length } ); res.end(data); }); } function pollingLoop(){ // Doing the database query var query = connection.query('SELECT id, testo, created_by FROM flashmsgs WHERE hwk="'+hwkey+'" AND letto="0"'), //var query = connection.query('SELECT max(id), testo, created_by FROM flashmsgs'), flashmsgs = []; // this array will contain the result of our db query // setting the query listeners query .on('error', function(err) { // Handle error, and 'end' event will be emitted after this as well console.log(err); updateSockets(err); }) .on('result', function(flashmsg) { // it fills our array looping on each user row inside the db flashmsgs.push(flashmsg); }) .on('end', function() { // loop on itself only if there are sockets still connected if (connectionsArray.length) { pollingTimer = setTimeout(pollingLoop, POLLING_INTERVAL); updateSockets({ flashmsgs: flashmsgs }); } else { console.log('The server timer was stopped because there are no more socket connections on the app') } }); }; // creating a new websocket to keep the content updated without any AJAX request io.sockets.on('connection', function(socket) { console.log('Number of connections:' + connectionsArray.length); // starting the loop only if at least there is one user connected if (!connectionsArray.length) { pollingLoop(); } socket.on('disconnect', function() { var socketIndex = connectionsArray.indexOf(socket); console.log('socketID = %s got disconnected', socketIndex); if (~socketIndex) { connectionsArray.splice(socketIndex, 1); } }); console.log('A new socket is connected!'); connectionsArray.push(socket); }); var updateSockets = function(data) { // adding the time of the last update data.time = new Date(); console.log('Pushing new data to the clients connected ( connections amount = %s ) - %s', connectionsArray.length , data.time); console.log(hwkey); // sending new data to all the sockets connected connectionsArray.forEach(function(tmpSocket) { tmpSocket.volatile.emit('notification', data); }); }; console.log('Please use your browser to navigate to http://localhost:8000'); 

Answer 1

好的，起初我误解了。 我只是调查你的实时应用程序，它出现你的ajax调用拉下整个HTML文档。

如果您通过ajax加载标记，然后插入到现有页面中，则不需要完整的HTML文档。 只需发送正文内容。

而且，socket.io脚本引用理想情况下应该在父页面上，而不是通过ajax加载的页面。