WebSocket如何使用-js教程-PHP中文网

WebSocket如何使用

不言

发布： 2019-01-11 15:37:08

原创

16206人浏览过

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的事件处理和方法

如知AI笔记

如知笔记——支持markdown的在线笔记，支持ai智能写作、AI搜索，支持DeepseekR1满血大模型

查看详情

在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如何使用的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

MQTT.js在浏览器中连接WebSocket：解决TypeError错误使用WebSocket实现实时双向通信使用WebSocket实现实时通信应用_javascript技巧实时通信：WebSocket与Socket.IO JavaScript WebSocket双向通信协议实现