一个html5页面怎么创建多个websocket

Question

如题所述

Answer 1

1.
WebSocket
API简介
首先看一段简单的javascript代码，该代码调用了WebSockets的API。
[javascript]
view
plaincopy
var
ws
=
new
WebSocket(“ws://echo.websocket.org”);
ws.onopen
=
function(){ws.send(“Test!”);
};
ws.onmessage
=
function(evt){console.log(evt.data);ws.close();};
ws.onclose
=
function(evt){console.log(“WebSocketClosed!”);};
ws.onerror
=
function(evt){console.log(“WebSocketError!”);};
这份代码总共只有5行，现在简单概述一下这5行代码的意义。
第一行代码是在申请一个WebSocket对象，参数是需要连接的服务器端的地址，同http协议使用http://开头一样，WebSocket协议的URL使用ws://开头，另外安全的WebSocket协议使用wss://开头。
第二行到第五行为WebSocket对象注册消息的处理函数，WebSocket对象一共支持四个消息
onopen,
onmessage,
onclose和onerror，当Browser和WebSocketServer连接成功后，会触发onopen消息；如果连接失败，发送、接收数据失败或者处理数据出现错误，browser会触发onerror消息；当Browser接收到WebSocketServer发送过来的数据时，就会触发onmessage消息，参数evt中包含server传输过来的数据；当Browser接收到WebSocketServer端发送的关闭连接请求时，就会触发onclose消息。我们可以看出所有的操作都是采用消息的方式触发的，这样就不会阻塞UI，使得UI有更快的响应时间，得到更好的用户体验。