54 lines
1.1 KiB
HTML
54 lines
1.1 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>WebSocket客户端</title>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
function WebSocketTest(url)
|
||
|
|
{
|
||
|
|
if ("WebSocket" in window)
|
||
|
|
{
|
||
|
|
// 打开一个 web socket
|
||
|
|
var ws = new WebSocket(url);
|
||
|
|
|
||
|
|
ws.onopen = function()
|
||
|
|
{
|
||
|
|
alert("连接已建立");
|
||
|
|
ws.send("hello");
|
||
|
|
};
|
||
|
|
|
||
|
|
ws.onmessage = function(ev)
|
||
|
|
{
|
||
|
|
var received_msg = ev.data;
|
||
|
|
console.log("received websocket message: " + received_msg);
|
||
|
|
var li=document.createElement("li");
|
||
|
|
li.innerHTML=received_msg;
|
||
|
|
document.getElementById("msg_list").appendChild(li);
|
||
|
|
};
|
||
|
|
|
||
|
|
ws.onclose = function()
|
||
|
|
{
|
||
|
|
alert("连接已关闭");
|
||
|
|
};
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
alert("您的浏览器不支持 WebSocket!");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
URL: <input type="text" id="url" value="ws://127.0.0.1:9999/test" style="width:300px;">
|
||
|
|
<button onclick="WebSocketTest(document.getElementById('url').value)">运行 WebSocket</button>
|
||
|
|
<div>
|
||
|
|
<ul id="msg_list" style="height:500px;overflow-y:scroll;">
|
||
|
|
</ul>
|
||
|
|
<div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|