You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
58 lines
1.6 KiB
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>websocket测试(runoob.com)</title>
|
|
|
|
<script type="text/javascript">
|
|
function WebSocketTest()
|
|
{
|
|
if ("WebSocket" in window)
|
|
{
|
|
alert("您的浏览器支持 WebSocket!");
|
|
|
|
// 初始化一个 WebSocket 对象，参数指明url
|
|
var ws = new WebSocket("ws://localhost:9999");
|
|
|
|
// WebSocket 连接时候触发
|
|
ws.onopen = function()
|
|
{
|
|
//使用 send() 方法发送数据
|
|
ws.send("客户端发送的数据");
|
|
alert("数据发送中...");
|
|
};
|
|
|
|
// 接收服务端数据时触发
|
|
ws.onmessage = function (evt)
|
|
{
|
|
var received_msg = evt.data;
|
|
console.log(received_msg);
|
|
alert("数据已接收...");
|
|
};
|
|
|
|
//断开 web socket 连接成功触发事件
|
|
ws.onclose = function()
|
|
{
|
|
// 关闭 websocket
|
|
alert("连接已关闭...");
|
|
};
|
|
}
|
|
|
|
else
|
|
{
|
|
// 浏览器不支持 WebSocket
|
|
alert("您的浏览器不支持 WebSocket!");
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="sse">
|
|
<a href="javascript:WebSocketTest()">运行 WebSocket</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|