websocket使⽤⽅式
WebSocket
1、请求与发送
浏览器通过 JavaScript 向服务器发出建⽴ WebSocket 连接的请求，连接建⽴以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。
当你获取 Web Socket 连接后，你可以通过 send() ⽅法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。
以下 API ⽤于创建 WebSocket 对象
2、状态码（adyState）
只读属性 readyState 表⽰连接状态，可以是以下值：
0 - 表⽰连接尚未建⽴。
1 - 表⽰连接已建⽴，可以进⾏通信。
2 - 表⽰连接正在进⾏关闭。
3 - 表⽰连接已经关闭或者连接不能打开。
只读属性 bufferedAmount 已被 send() 放⼊正在队列中等待传输，但是还没有发出的 UTF-8 ⽂本字节数。
3、WebSocket 事件
前端websocket怎么用事件事件处理程序描述
pen连接建⽴时触发
ssage客户端接收服务端数据时触发
r通信发⽣错误时触发
lose连接关闭时触发
4、WebSocket ⽅法
⽅法描述
Socket.send()使⽤连接发送数据
Socket.close()关闭连接
5、WebSocket 实例
WebSocket 协议本质上是⼀个基于 TCP 的协议。
为了建⽴⼀个 WebSocket 连接，客户端浏览器⾸先要向服务器发起⼀个 HTTP 请求，这个请求和通常的 HTTP 请求不同，包含了⼀些附加头信息，其中附加头信息"Upgrade: WebSocket"表明这是⼀个申请协议升级的 HTTP 请求，服务器端解析这些附加的头信息然后产⽣应答信息返回给客户端，客户端和服务器端的 WebSocket 连接就建⽴起来了，双⽅就可以通过这个连接通道⾃由的传递信息，并且这个连接会持续存在直到客户端或者服务器端的某⼀⽅主动的关闭连接。
6、例⼦
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function WebSocketTest()
{
if("WebSocket"in window)
{
alert("您的浏览器⽀持 WebSocket!");
// 打开⼀个 web socket
var ws =new WebSocket("ws://localhost:9998/echo");
{
// Web Socket 已连接上，使⽤ send() ⽅法发送数据                  ws.send("发送数据");
alert("数据发送中...");
};
{
var received_msg = evt.data;
alert("数据已接收...");
};
{
/
/ 关闭 websocket
alert("连接已关闭...");
};
}
else
{
// 浏览器不⽀持 WebSocket
alert("您的浏览器不⽀持 WebSocket!");
}
}
</script>
</head>
<body>
<div id="sse">
<a href="javascript:WebSocketTest()">运⾏ WebSocket</a>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。