资讯专栏INFORMATION COLUMN

Python:Tornado 第三章:HTML5 WebSocket概念及应用:第三节:客户端编程

miguel.jiang / 3488人阅读

摘要:上一篇文章第三章概念及应用第二节服务端编程下一篇文章第四章网站部署第一节调试模式由于是的标准之一,所以主流浏览器的客户端编程语音已经支持的客户端编程。此事件发生在收到了来自服务器的消息时。此事件发生在通信过程中有任何错误时。

上一篇文章:Python:Tornado 第三章:HTML5 WebSocket概念及应用:第二节:服务端编程
下一篇文章:Python:Tornado 第四章:Tornado网站部署:第一节:调试模式

由于WebSocket是HTML5的标准之一,所以主流浏览器的Web客户端编程语音JavaScript已经支持WebSocket的客户端编程。

客户端编程围绕着WebSocket对象展开,在JavaScript中可以通过如下代码初始化WebSocket对象:

var Socket=new WebSocket(url);

在代码中只需给WebSocket构造函数传入服务器的URL地址,比如http://mysite.com/point.

可以为该对象的如下事件指定处理函数以相应它们:

WebSocket.onopen:此事件发生在WebSocket链接建立时。

WebSocket.onmessage:此事件发生在收到了来自服务器的消息时。

WebSocket.onerror:此事件发生在通信过程中有任何错误时。

WebSocket.onclose:此事件发生在服务器的链接关闭时。

除了这些事件处理函数,还可以通过WebSocket对象的两个方法进行主动操作:

WebSocket.send(data):向服务器发送消息。

WebSocket.close():主动关闭现有链接。

客户端WebSocket编程实例程序如下:index.html




    
    WebSocket


运行WebSocket

对上述代码解析如下:

客户端页面主体是有两部分组成:一个Run WebSocket链接用于让用户启动WebSocket;另一个id=message的

标签用于显示服务器端的消息。

使用JavaScript语句if("WebSocket" in window)可以判断当前浏览器是否支持WebSocket对象。

如何浏览器支持WebSocket对象,则定义实例ws链接到服务器的WebSocket地址,并传入自己的标识符参数。然后通过js语法定义事件:onopen、onmessage、onclose的处理函数。除了在onopen事件中客户端向服务器用WebSocket.send()函数发送了消息,其余事件均只将事件结果显示在页面

标签中。

运行效果如下:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/44797.html

相关文章

  • PythonTornado 第三HTML5 WebSocket念及应用:第二节:服务端编程

    摘要:上一篇文章第三章概念及应用第一节概念下一篇文章第三章概念及应用第三节客户端编程定义了类用于处理链接的请求,应用开发者应该继承该类并实现其中的函数。通常,这是服务器端编程的核心函数,通过解析收到的消息做出相应的处理。 上一篇文章:Python:Tornado 第三章:HTML5 WebSocket概念及应用:第一节:WebSocket概念下一篇文章: Python:Tornado 第三章...

    xfee 评论0 收藏0
  • PythonTornado 第三HTML5 WebSocket念及应用:第一节:WebSoc

    摘要:上一篇文章第二章实战演练开发网站第九节防止跨站攻击下一篇文章第三章概念及应用第二节服务端编程的异步特性使得其非常适合服务器的高并发处理,客户端与服务器的持久连接应用框架就是高并发的典型应用。因为是的标准协议,所以不受企业防火墙的拦截。 上一篇文章:Python:Tornado 第二章:实战演练:开发Tornado网站:第九节:防止跨站攻击下一篇文章:Python:Tornado 第三章...

    mo0n1andin 评论0 收藏0
  • PythonTornado 第四章:Tornado网站部署:第一节:调试模式

    摘要:上一篇文章第三章概念及应用第三节客户端编程下一篇文章第四章网站部署第二节静态文件之前着重讲解的编程知识点,所有之前的例子都使用最简单的启动方式运行。 上一篇文章:Python:Tornado 第三章:HTML5 WebSocket概念及应用:第三节:客户端编程下一篇文章:Python:Tornado 第四章:Tornado网站部署:第二节:静态文件 之前着重讲解Tornado的编程知...

    desdik 评论0 收藏0
  • PythonTornado 第二章:实战演练:开发Tornado网站:第九节:防止跨站攻击

    摘要:上一篇文章第二章实战演练开发网站第八节用户身份认证下一篇文章第三章概念及应用第一节概念跨站请求伪造,或是一种对网站的恶意利用。其中是存在漏洞的网站,而是存在攻击行为的恶意网站。 上一篇文章:Python:Tornado 第二章:实战演练:开发Tornado网站:第八节:用户身份认证下一篇文章:Python:Tornado 第三章:HTML5 WebSocket概念及应用:第一节:Web...

    Zoom 评论0 收藏0
  • PythonTornado 第一章:异步及协程基础:三节:协程

    摘要:上一篇文章第一章异步及协程基础第二节关键字下一篇文章第二章实战演练开发网站第一节网站结构使用协程可以开发出类似同步代码的异步行为。协程函数可以通过以下三张方式调用在本身是协程的函数内通过关键字调用。 上一篇文章:Python:Tornado 第一章:异步及协程基础:第二节:Python关键字yield下一篇文章:Python:Tornado 第二章:实战演练:开发Tornado网站:第...

    charles_paul 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<