C#164课的主要内容
2017-05-22 20:55
218 查看
今天主要学习了一下知识点:
HTML Server-sent事件
Sent -sent事件允许网页从服务器获得更新。
Sever-sent事件-One Way Messaging
Server -Sent事件指的是网页自动从服务器获得更新
以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过Server-Sent事件,更新能够自动到达
例如:Facebook/twitter更新,股价更新,新的博文,赛事结果,等等。
浏览器支持
表格中的数字指示完全支持server-sent事件的首个浏览器。
接受Server-Sent事件通知
EventSource 对象用于接收服务器发送事件通知:
例子解释:
创建一个新的EventSource对象,然后规定发送更新的页面的URL
每当接受到一次更新,就会发生onmessage事件
当onmessage事件发生时,把已接受的数据推入id为”result“的元素中
检测Server-Sent 事件支持
在TIY实例中,我们编写了一段额外的代码来检测服务器发送事件的浏览器支持:
服务器端代码实例
为了使上例运行,你需要能够发送数据更新的服务器。
服务器端事件流的语法非常简单.请把”Content-Type“报头设置为”text/event-stream“.现在,你可以开始发送事件流了。
代码解释:
把报头”Content-type"设置为“text/evevt-stream”
规定不对页面进行缓存
输出要 发送的日期
向网页刷新输出数据
EventSource对象
在上例中,我们使用onmessage事件来获取消息。不过还可以使用其他事件:
HTML Server-sent事件
Sent -sent事件允许网页从服务器获得更新。
Sever-sent事件-One Way Messaging
Server -Sent事件指的是网页自动从服务器获得更新
以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过Server-Sent事件,更新能够自动到达
例如:Facebook/twitter更新,股价更新,新的博文,赛事结果,等等。
浏览器支持
表格中的数字指示完全支持server-sent事件的首个浏览器。
接受Server-Sent事件通知
EventSource 对象用于接收服务器发送事件通知:
例子解释:
创建一个新的EventSource对象,然后规定发送更新的页面的URL
每当接受到一次更新,就会发生onmessage事件
当onmessage事件发生时,把已接受的数据推入id为”result“的元素中
检测Server-Sent 事件支持
在TIY实例中,我们编写了一段额外的代码来检测服务器发送事件的浏览器支持:
服务器端代码实例
为了使上例运行,你需要能够发送数据更新的服务器。
服务器端事件流的语法非常简单.请把”Content-Type“报头设置为”text/event-stream“.现在,你可以开始发送事件流了。
代码解释:
把报头”Content-type"设置为“text/evevt-stream”
规定不对页面进行缓存
输出要 发送的日期
向网页刷新输出数据
EventSource对象
在上例中,我们使用onmessage事件来获取消息。不过还可以使用其他事件: