在客户端和服务器之间建立连接后,将从Web Socket实例触发open事件.它被称为客户端和服务器之间的初始握手.
连接建立后引发的事件称为 onopen .创建Web Socket连接非常简单.您所要做的就是调用 WebSocket构造函数并传入服务器的URL.
以下代码用于创建Web Socket连接 :
//创建一个新的WebSocket. var socket = new WebSocket('ws://echo.websocket.org');
建立连接后,将在Web Socket实例上触发open事件.
onopen 是指客户端与服务器之间的初始握手,这导致第一笔交易,Web应用程序已准备好传输数据.
以下代码片段描述打开Web Socket协议的连接 :
socket.onopen = function(event) { console.log("Connection established"); // Display user friendly messages for the successful establishment of connection var.label = document.getElementById("status"); label.innerHTML = "Connection established"; }
最好为等待建立Web Socket连接的用户提供适当的反馈.但是,始终注意到Web Socket连接速度相对较快.
建立的Web Socket连接的演示记录在给定的URL : https://www.websocket.org/echo.html
连接建立和对用户的响应的快照显示在下面 :
建立开放状态允许全双工通信和消息传输,直到连接终止.
构建client-HTML5文件.
<!DOCTYPE html> <html> <meta charset = "utf-8" /> <title>WebSocket Test</title> <script language = "javascript" type = "text/javascript"> var wsUri = "ws://echo.websocket.org/"; var output; function init() { output = document.getElementById("output"); testWebSocket(); } function testWebSocket() { websocket = new WebSocket(wsUri); websocket.onopen = function(evt) { onOpen(evt) }; } function onOpen(evt) { writeToScreen("CONNECTED"); } window.addEventListener("load", init, false); </script> <h2>WebSocket Test</h2> <div id = "output"></div> </html>
输出如下 :
上面的HTML5和JavaScript文件显示了两个Web Socket事件的实现,即 :
onLoad 有助于创建JavaScript对象和初始化连接.
onOpen 与服务器建立连接并发送状态.