欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

WebSocket如何使用

程序员文章站 2022-03-24 09:21:25
...

WebSocket的使用方法:首先通过new一个WebSocket来创建实例;然后指定使用WebSocket进行通信的网站的URL;最后处理WebSocket通信即可。

WebSocket如何使用

本文操作环境:Windows7系统、Dell G3电脑、javascript1.8.5版。

WebSocket是一种允许通过保持服务器端和用户端始终连接来进行双向通信的技术,这使得可以实时通信,例如聊天应用程序和多人可以同时玩的游戏。但是,由于还需要服务器端的程序,本篇文章我们将重点介绍前端的JavaScript中的WebSocket。

我们先来看一下WebSocket的基本用法

为了能够使用带有JavaScript的WebSocket,首先要创建实例。

var connection = new WebSocket(【进行通信的URL】);

通过new一个WebSocket来创建实例。

指定为参数的URL,是今后使用WebSocket进行通信的网站的URL。

换句话说,服务器端需要代码来处理WebSocket通信。

我们一般看到的网址都是以“http://”或“https://”开头的,但是对于WebSocket,它是一个从“ws://”或“wss://”开始的用于进行特殊通信的URL。

WebSocket的事件处理和方法

在WebSocket中,我们经常使用四个事件处理和两个方法。

首先,我们看下四种事件处理!

var connection = new WebSocket(【进行通信的URL】);
//连接到通信
connection.onopen = function(e) { };
//发生错误时
connection.onerror = function(error) { };
//收到通信
connection.onmessage = function(e) { };
//通信中断
connection.onclose = function() { };

连接通信时执行Onopen().
通信过程中发生错误时执行onerror().
从服务器接收数据时执行onmessage().
通信中断时执行OnClose().

通常,使用WebSocket的程序将使用上述四种事件来组装程序。

此外,结合事件处理,还常用两种方法!

//发送数据的方法
connection.send();
 
//切断通信的方法
connection.close();

send():向服务器发送数据
close():断开通信

它主要使用send()向服务器端发送数据,close()用于故意断开通信。

以上就是WebSocket如何使用的详细内容,更多请关注其它相关文章!

相关标签: WebSocket