WebSocket事件

当我们创建服务器对象并建立连接和关闭连接时,会发生WebSocket事件。

  • 打开:在建立连接时发生-open事件。
  • 关闭:连接关闭时发生 - 关闭事件。
  • onMessage: - 当客户端接收服务器时,会发生onmessage事件。
  • 错误:在通信中出现任何错误时发生-error事件。
如何在HTML5中使用WebSockets

如何从服务器建立连接

在从服务器建立连接之前,我们需要一个支持WebSocket的服务器,然后下载mod_pywebsocket-x.x.x.tar.gz并安装它。

对于START Server打开下载文件并进入PyWebSocket-x.x.x/src/mod_pywebsocket文件夹并运行此命令

$sudo python standalone.py -p 1653 -w

在它之后,我们将运行此HTML代码

<html>
<head>
  <script type="text/javascript">

	  function Testsocket() {
		  if ("WebSocket" in window) {
			  alert("your browsObjer supported to websocket");

			  var wsObj = new WebSocket("wsObj://localhost:1653/echo");
			  wsObj.onopen = function () {

				  wsObj.send("send message");

				  alert("Message has been sent");
			  };
			  wsObj.onmessage = function (str) {
				  var received_msg = str.data;

				  alert("message is receiveing...");
			  };
			  wsObj.onclose = function () {

				  alert("connectio has been closed");
			  };
		  }
		  else {

			  alert("your browsObjer does not supported to websocket");
		  }
	  }

  </script>
</head>
<body>
  <div id="dvm">

	  <a href="javascript:Testsocket()">click for run Websocket</a>
  </div>
</body>
</html>

运行之后,当我们与服务器通信后将显示消息。

HTML5 WebSockets.

在HTML5中,WebSocket是Web应用程序的通信技术,它通过单个套接字运行,并通过JavaScript接口公开。
WebSocket提供了一个API,可使网页使用WebSocket协议从远程主机进行通信。
WebSocket定义了通过网络上的单个TCP股票运行的双向通信,双向通信。
WebSocket还提供服务器和客户端之间的高效,低延迟和低成本的全双工通信。

要将数据浏览器发送到服务器,我们首先必须与Web服务器创建连接,然后我们调用send()方法。
用于接收到客户端的数据服务器,我们使用onmessage事件处理程序。

##如何创建WebSocket对象

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

WebSocket方法

  • 发送():-send方法()用于将数据发送到服务器。
  • 关闭():-close()方法用于停止连接。

WebSocket的属性

(1)WebSoc.readyState:ReadyState定义连接状态。

这是一个readonly属性。
ReadyStete可以是下面一些值:

  • 值1: - 表示连接没有建立。
  • 值2:- 表示连接已建立,服务器已准备好通信。
  • 值3: - 表示连接正在经历握手。
  • 值4: - 表示连接已关闭。

(2)WebSoc.BuffEreamount:BufferedAmount定义使用Send()方法已经排队的UTF-8文本的字节数。

日期:2020-04-11 23:04:12 来源:oir作者:oir