本文介绍了一种利用WebSocket实现实时双向通信的方法，并通过一个简单的命令行界面示例展示了如何与远程服务器进行交互。该示例使用HTML和JavaScript创建了一个用户界面，允许用户输入命令并显示从服务器返回的结果。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#mess{text-align: left;margin-left:20px;}
</style>
</head>
<body>
<input id="t1" size="20" style="height:50px;font-size:30px;align:center;" type=text value="ls" onkeydown="KeyDown();"/>
<input type=button value="runShell" style="height:30px;font-size:30px" onclick="aa();">
<div id="mess"></div>
<script>
var mess = document.getElementById("mess");
var ws = new WebSocket('ws://192.168.1.119:8002');
ws.onopen = function(e){
console.log("连接服务器成功");
ws.send("echo");
}
ws.onclose = function(e){
alert(e.code+"close");
console.log("服务器关闭");
}
ws.onerror = function(e){
console.log("连接出错");
}
ws.onmessage = function(e){
var s=e.data.replace(/(\r\n)|(\n)/g,'<br>');
mess.innerHTML=(s+"<br>"+mess.innerHTML);
}
function aa(){
var t = document.getElementById("t1");
console.log(t.value);
ws.send(t.value,"ff");
}
function KeyDown()
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
aa();
}
}
</script>
</body>
</html>
扫一扫
2529
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
