JavaScript WebSocket 简明入门教程：API、属性与完整示例

WebSocket 连接与通信基础

在理解网络套接字与 Web 服务器的连接机制后，即可实现从浏览器向服务器发送数据，并接收服务器返回的响应。

var Socket = new WebSocket(url, [protocal] );

上述代码中，第一个参数指定要连接的 URL 地址；第二个参数为可选参数，用于指定服务器支持的子协议。

WebSocket 属性、事件与方法详解

WebSocket 对象包含以下属性：

WebSocket 对象触发以下事件：

WebSocket 对象提供以下方法：

WebSocket 完整使用示例

以下是一个 WebSocket 的完整使用示例：

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function WebSocketTest()
{
if ("WebSocket" in window)
  {
alert("WebSocket is supported by your Browser!");
// Let us open a web socket
var ws = new WebSocket("ws://localhost:9998/echo");
ws.onopen = function()
     {
// Web Socket is connected, send data using send()
ws.send("Message to send");
alert("Message is sent...");
     };
ws.onmessage = function (evt)
     {
var received_msg = evt.data;
alert("Message is received...");
     };
ws.onclose = function()
     {
// websocket is closed.
alert("Connection is closed...");
     };
  }
else
  {
// The browser doesn't support WebSocket
alert("WebSocket NOT supported by your Browser!");
  }
}
</script>
</head>
<body>
<div id="sse">
<a href="javascript:WebSocketTest()">Run WebSocket</a>
</div>
</body>
</html>