Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。

  • 本篇文章的具体介绍如下

WebSocketsWCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

Web Sockets 是用于 Web 应用程序的新一代双向通信技术,运行在单一套接字之上,它通过 JavaScript 接口暴漏在 网页hTML5教程 兼容的浏览器中。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

一旦取得 Web 服务器上的 Web Socket 连接之后,就可以通过相关调用 send() 实用具体的方法从浏览器发送数据到服务器上,通过 onmessage 事件处理程序从服务器接收数据到浏览器中。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

下面是创见一个新的 WebSocket 对象的 API。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

JavaScript Code 复制内容到剪贴板
  1. var Socket = new WebSocket(url, [protocal] );  

第一个具体参数 url 用于指定要连接的 URL。第二个属性 - 端口是可选的,如果提供,就会指定一个服务器必须支持连接成功的子协议。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

WebSocket 属性
下面是 WebSocket 对象的属性。假定咱们已经创见了上述的 Socket 对象:
WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

属性 描述
Socket.readyState

只读属性readyState表示连接的状态。有以下取值: WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  1. 0 表示连接尚未建立。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  2. 1 表示连接已建立,可以进行通信。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  3. 2 表示连接正在进行关闭握手。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  4. 3 表示连接已经关闭或者连接不能打开。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

Socket.bufferedAmount

只读属性bufferedAmount表示已经使用 send() 实用具体的方法排队的 URF-8 文本字节数。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


WebSocket 事件
下面是 WebSocket 对象相关的事件。假定咱们已经创见了上述的 Socket 对象:
事件 事件处理程序 描述
open Socket.onopen 建立 socket 连接时触发这个事件。
message Socket.onmessage 客户端从服务器接收数据时触发。
error Socket.onerror 连接发生错误时触发。
close Socket.onclose 连接被关闭时触发。

WebSocket 实用具体的方法
下面是 WebSocket 对象相关的实用具体的方法。假定咱们已经创见了上述的 Socket 对象:
实用具体的方法 描述
Socket.send()

send(data) 实用具体的方法使用连接传输数据。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

Socket.close()

close() 实用具体的方法用于终止任何现有连接。 WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

服务器推送事件
传统的 Web 应用程序生成发送到 Web 服务器端的事件。比如,点击一个链接会从服务器请求一个新页面。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

这种从 Web 浏览器到 Web 服务器的时间类型可以称作客服端事件。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

随着 网页hTML5教程 的出现,WhATWG Web Applications 1.0 引入了一个从 Web 服务器到 Web 浏览器的事件流,被称作服务器推送事件(SSE)。使用 SSE 可以不停的将 DOM 事件推送到用户的浏览器中。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

这个事件流实用具体的方法会打开一个到服务器的持久连接,新消息可用时发送数据到客户端,从而不再需要持续的轮询。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

SSE Web 应用程序
要在 Web 应用程序中使用服务器推送事件,咱们需要给文档添加一个 <eventsource>网页元素。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

<eventsource> 网页元素的 src 属性应该指向一个 URL,这个 URL 应该提供一个 hTTP 持久连接用于发送包含事件的数据流。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

这个 URL 将会指向一个持续发送事件数据的 PhP,PERL 或者任意 Python 脚本。下面是一个简单的期望获得服务器时间的 Web 应用程序示例。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

XML/网页hTML Code复制内容到剪贴板
  1. <!DOCTYPE 网页hTML>  
  2. <html>  
  3. <head>  
  4. <script type="text/javascript">  
  5. /* Define event handling logic here */   
  6. </script>  
  7. </head>  
  8. <body>  
  9. <div id="sse">  
  10.    <eventsource src="/cgi-bin/ticker.cgi" />  
  11. </div>  
  12. <div id="ticker">  
  13.    <TIME>  
  14. </div>  
  15. </body>  
  16. </html>  

SSE 服务器端脚本
服务器端脚本应该发送 Content-type 头指定类型为 text/event-stream,如下所示:WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

复制具体代码 具体代码如下: print "Content-Type: text/event-stream\n\n";
设置 Content-type 之后,服务器端脚本将发送一个后面紧跟事件名称的 Event: 网页文章标签。下面的示例将会发送一个以换行符结束的 Server-Time 作为事件名称。

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

复制具体代码 具体代码如下: print "Event: server-time\n";
最后一步是使用 Data: 网页文章标签发送事件数据,紧随其后的是以换行符结束的整数字符串值,如下所示:

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

复制具体代码 具体代码如下: $time = localtime();
print "Data: $time\n";
下面是用 perl 编写的完整 ticker.cgi:

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

复制具体代码 具体代码如下:
#!/usr/bin/perl
print "Content-Type: text/event-stream\n\n";
while(true){
print "Event: server-time\n";
$time = localtime();
print "Data: $time\n";
sleep(5);

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

处理服务器推送事件
让咱们修改一下咱们的 Web 应用程序来处理服务器推送时间。下面是最终示例:WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

XML/网页hTML Code 复制内容到剪贴板
  1. <!DOCTYPE 网页hTML>  
  2. <html>  
  3. <head>  
  4. <script type="text/javascript">  
  5.    document.getElementsByTagName("eventsource")[0].   
  6.             addEventListener("server-time", eventhandler, false);   
  7.    function eventhandler(event)   
  8.    {   
  9.        // Alert time sent by the server   
  10.        document.querySelector('#ticker').inner网页hTML = event.data;   
  11.   
  12.    }   
  13. </script>  
  14. </head>  
  15. <body>  
  16. <div id="sse">  
  17.    <eventsource src="/cgi-bin/ticker.cgi" />  
  18. </div>  
  19. <div id="ticker" name="ticker">  
  20.    [TIME]   
  21. </div>  
  22. </body>  
  23. </html>  

在测试服务器推送事件之前,建议您确保您的 Web 浏览器支持这一概念。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

解析网页hTML5教程的存储功能和web SQL的相关操作实用具体的方法WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

每个 hTTP 请求中都包含 Cookies,从而导致传输相同的数据减缓咱们的 Web 应用程序。WCEAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,网页hTML5,WebSocket,服务器推送

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市