@@ -19,19 +19,52 @@ <h2>websocket 特性</h2>
19
19
5.没有同源限制,客户端可以与任意服务器通信< br >
20
20
6.协议标识符是ws(如果加密,则为wss),服务器网址就是 URL< br >
21
21
</ p >
22
+ < p >
22
23
23
- < script >
24
+ Socket.bufferedAmount
24
25
26
+ 【事件】
27
+ Socket.onopen 连接建立时触发
28
+ Socket.onmessage 客户端接收服务端数据时触发
29
+ Socket.onerror 通信发生错误时触发
30
+ Socket.onclose 连接关闭时触发
31
+
32
+ 【方法】
33
+ Socket.send() 使用连接发送数据
34
+ Socket.close() 关闭连接
35
+ < pre >
36
+ function WebSocketTest(){
37
+ if ("WebSocket" in window){
38
+ var ws = new WebSocket("ws://localhost:8080/echo");
39
+ ws.onopen = function(){
40
+ ws.send("发送数据");
41
+ };
42
+ ws.onmessage = function (evt) {
43
+ var received_msg = evt.data;
44
+ };
45
+ ws.onclose = function(){
46
+ alert("连接已关闭...");
47
+ };
48
+ }
49
+ else{
50
+ alert("您的浏览器不支持 WebSocket!");
51
+ }
52
+ }
53
+ </ pre >
54
+ </ p >
55
+ < script >
56
+ // 【 websocket创建 】
57
+ // var Socket = new WebSocket(url, [protocol]);
25
58
var ws = new WebSocket ( "ws://127.0.0.1:8000" ) ;
26
59
27
60
/**
28
61
* 获取websocket状态
29
62
*/
30
63
function getState ( ) {
31
64
/**
32
- * 【 readyState 】
33
- * CONNECTING:值为0,表示正在连接
34
- * OPEN:值为1,表示连接成功,可以通信了
65
+ * 【 readyState 】只读,表示连接状态
66
+ * CONNECTING:值为0,连接尚未建立, 表示正在连接
67
+ * OPEN:值为1,表示连接成功,可以通信
35
68
* CLOSING:值为2,表示连接正在关闭
36
69
* CLOSED:值为3,表示连接已经关闭,或者打开连接失败
37
70
*/
@@ -114,6 +147,7 @@ <h2>websocket 特性</h2>
114
147
* 3.发送 ArrayBuffer 对象
115
148
* Sending canvas ImageData as ArrayBuffer
116
149
* 实例对象的bufferedAmount属性,表示还有多少字节的二进制数据没有发送出去,可以用来判断发送是否结束
150
+ * bufferedAmount只读,表示已被 send() 放入队列中等待传输但还没发出的 UTF-8 文本字节数
117
151
*/
118
152
// var img = canvas_context.getImageData(0, 0, 400, 320);
119
153
// var binary = new Uint8Array(img.data.length);
0 commit comments