手机
当前位置:查字典教程网 >网页设计 >HTML5教程 >带你认识HTML5中的WebSocket
带你认识HTML5中的WebSocket
摘要:认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocketAPI。WebSocket提...

认识 HTML5 的 WebSocket

在 HTML5 规范中,我最喜欢的Web技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Socket.IO。

一、HTML5 中的 WebSocket API 是个什么东东?

WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。

WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允许跨域通信。

Ajax技术很聪明的一点是没有设计要使用的方式。WebSocket为指定目标创建,用于双向推送消息。

二、HTML5 中的 WebSocket API 的用法

只专注于客户端的API,因为每个服务器端语言有自己的API。下面的代码片段是打开一个连接,为连接创建事件监听器,断开连接,消息时间,发送消息返回到服务器,关闭连接。

代码如下:

【带你认识HTML5中的WebSocket】相关文章:

使用HTML5的File实现base64和图片的互转

HTML5中的Scoped属性使用实例

HTML5中5个简单实用的API

HTML5中标签的定义和用法

HTML5 UTF-8 中文乱码的解决方法

HTML5中的标记方法

深入探究HTML5的History API

实例讲解利用HTML5 Canvas API操作图形旋转的方法

六大奇招带你玩转HTML5移动页面动效

HTML5中的标签属性简介

精品推荐
分类导航