当前位置:Gxlcms > JavaScript > WebSocket如何使用

WebSocket如何使用

时间:2021-07-01 10:21:17 帮助过:29人阅读

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如何使用的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行