Question

我正在编写小型监视器应用程序。现在它是一个方向的沟通。客户端正在向服务器发送一些文本，服务器应显示来自客户端的接收文本。

我的服务器代码（server.js）

var serverapp = require('http').createServer(handler);
var io = require('socket.io').listen(serverapp);
var fs = require('fs');

serverapp.listen(8888);

function handler (req, res) {
    fs.readFile("client.html",
        function (err, data) {
            if (err) {
                throw err; 
            }
            res.writeHead(200);
            res.end(data);
        });
}

io.sockets.on("connection", function (socket) {
    socket.on("event_button_clicked", function (data) {
        console.log(data.text);
    });
});

这是client.html

<html>
<head></head>
<body>
<h1>Client</h1>

<form action="">
<input
    type="text" id="intext">

<input type="button" id="button1"  value="Send"  onclick="btnSend_clicked(this);">
</form>

<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io.connect(document.location.href);

function btnSend_clicked(button)
{
    socket.emit(
        "event_button_clicked", 
        { text: document.getElementById("intext").value });
}
</script>

</body>
</html>

我想要的是拥有＆＃34;服务器＆＃34;页面将显示来自客户端的所有内容。现在它显示在控制台中，但我不知道如何重定向到HTML，我找不到任何这类问题的例子。

Socket.io显示从html页面

0 个答案: