HTML5新增协议：WebSocket协议的实例

来源：动视网责编：小采时间：2020-11-27 15:04:47

HTML5新增协议：WebSocket协议的实例

HTML5新增协议：WebSocket协议的实例:本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。WebSocket 是 HTML 5 新增的协议，基于 TCP 连接进行全双工通信全双工通信：表示允许数据在两个方向上同时传输。判断浏

推荐度：

点击下载本文 文档为doc格式

导读HTML5新增协议：WebSocket协议的实例:本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。WebSocket 是 HTML 5 新增的协议，基于 TCP 连接进行全双工通信全双工通信：表示允许数据在两个方向上同时传输。判断浏

本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

WebSocket 是 HTML 5 新增的协议，基于 TCP 连接进行全双工通信

全双工通信：表示允许数据在两个方向上同时传输。

判断浏览器是否支持 WebSocket

// 判断浏览器是否支持 WebSocket
if (window.WebSocket != undefined)
 { 
 var Socket = new WebSocket('ws://localhost: 8080')
 }

ws 协议是 WebSocket 新增的协议，此外还有 wss 协议，表示加密的 WebSocket 协议。两者的关系如同 HTTP 协议对应 HTTPS 协议。

WebSocket 实例

// 创建 WebSocket 实例
var Socket = new WebSocket('ws://localhost:8080')
// 连接打开
Socket.addEventListener('open', function(event) {
 socket.send('Hello Server!')
})
// 建通数据传送，有数据到达时触发
Socket.addEventListener('message', function(event) {
 console.log('Message from Server', event.data)
})
// 当错误发生时，用于监听 error 事件的事件监听器
Socker.addEventListener('error', function(event) {
 console.log(event.data)
})
// 连接关闭
Socket.addEventListener('close', function(event){
 console.log(event.data)
})

HTML5新增协议：WebSocket协议的实例

推荐度：

点击下载本文 文档为doc格式

标签：协议案例 html5

热门焦点

HTML5新增协议：WebSocket协议的实例

HTML5新增协议：WebSocket协议的实例

HTML5新增协议：WebSocket协议的实例

最新推荐

猜你喜欢

热门推荐