日本免费精品_最新日韩一区_亚洲视频一区在线_a在线视频观看_天天射夜夜骑_粉嫩av一区二区三区_欧美中日韩免费视频_综合图区欧美_国内精品美女在线观看_午夜精品久久久久久久男人的天堂

首頁 > 編程 > HTML > 正文

淺談HTML5 服務(wù)器推送事件(Server-sent Events)

2024-08-26 00:19:50
字體:
供稿:網(wǎng)友

服務(wù)器推送事件(Server-sent Events)是基于WebSocket 協(xié)議的一種服務(wù)器向客戶端發(fā)送事件&數(shù)據(jù)的單向通訊。目前所有主流瀏覽器均支持服務(wù)器發(fā)送事件,當(dāng)然除了 Internet Explorer 。2333...

WebSocket 協(xié)議是繼HTTP協(xié)議后又一服務(wù)器客戶端通訊協(xié)議,不同于HTTP單純的客戶端請(qǐng)求服務(wù)器響應(yīng)單向通訊模式的是它支持了服務(wù)端客戶端的雙向通訊。

Server-sent Events 的使用

Server-sent Events(以下簡(jiǎn)稱SSE)作為服務(wù)器=>客戶端通訊方式那必然客戶端要有相應(yīng)的服務(wù)地址和響應(yīng)方法,服務(wù)端要有相應(yīng)的數(shù)據(jù)發(fā)送方法;廢話不多說,上代碼!

客戶端JS代碼

 H5頁面需添加如下JS代碼:

     <script>         if (typeof (EventSource) !== "undefined") {             //推送服務(wù)接口地址             var eventSource = new EventSource("http://localhost:2242/webservice/ServerSent/SentNews");             //當(dāng)通往服務(wù)器的連接被打開             eventSource.onopen = function () {                 console.log("連接打開...");             }              //當(dāng)錯(cuò)誤發(fā)生              eventSource.onerror= function (e) {                  console.log(e);              };              //當(dāng)接收到消息,此事件為默認(rèn)事件              eventSource.onmessage = function (event) {                  console.log("onmessage...");               eventSource.close()//關(guān)閉SSE鏈接              };              //服務(wù)器推送sentMessage事件              eventSource.addEventListener('sentMessage', function (event) {                   var data = eval('('+event.data+')');//服務(wù)器端推送的數(shù)據(jù),eval裝換Json對(duì)象                  var origin = event.origin;//服務(wù)器 URL 的域名部分,即協(xié)議、域名和端口,表示消息的來源。                  var lastEventId = event.lastEventId;////數(shù)據(jù)的編號(hào),由服務(wù)器端發(fā)送。如果沒有編號(hào),這個(gè)屬性為空。                  //此處根據(jù)需求編寫業(yè)務(wù)邏輯                  console.log(data);              }, false);          } else {              //瀏覽器不支持server-sent events 所有主流瀏覽器均支持服務(wù)器發(fā)送事件,除了 Internet Explorer。              document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";          }      </script>

服務(wù)端

服務(wù)端應(yīng)當(dāng)返回怎樣的數(shù)據(jù)格式?應(yīng)當(dāng)以什么樣的響應(yīng)給客戶端呢?先來個(gè).Net 的樣例

    /// <summary>        /// 推送消息        /// </summary>        /// <returns></returns>        [HttpGet]        public HttpResponseMessage SentNews()        {            HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK);            try            {                //response.Headers.Add("Access-Control-Allow-Origin", "*");//如需要跨域可配置                string data_str = “推送至客戶端的數(shù)據(jù)”;//當(dāng)然可以是json字符串格式                string even = "", data = "";                if (!string.IsNullOrWhiteSpace(data_str))                {                    even = "event:sentMessage/n";                    data = "data:" + data_str + "/n/n";                }                string retry = "retry:" + 1000 + "/n";//連接斷開后重連時(shí)間(毫秒),其實(shí)可以理解為輪詢時(shí)間 2333...                byte[] array = Encoding.UTF8.GetBytes(even + data + retry);                Stream stream_result = new MemoryStream(array);                response.Content = new StreamContent(stream_result);                response.Content.Headers.ContentType = new MediaTypeHeaderValue("text/event-stream");//此處一定要配置                response.Headers.CacheControl = new CacheControlHeaderValue();                response.Headers.CacheControl.NoCache = false;            }            catch (Exception ex)            {                LogHelper.WriteWebLog(ex);            }            return response;        }

看完以上代碼我想你應(yīng)該有個(gè)大概了,響應(yīng)的方式還是HTTPResponse響應(yīng),但總是有點(diǎn)小小的要求的:

響應(yīng)報(bào)頭"Content-Type" 要設(shè)置為 "text/event-stream"

響應(yīng)的數(shù)據(jù)格式也應(yīng)該注意到了上述代碼中的"data:"、"event:"和"retry:"這些標(biāo)記:

1.event:表示該行用來聲明事件的類型。瀏覽器在收到數(shù)據(jù)時(shí),會(huì)產(chǎn)生對(duì)應(yīng)類型的事件。

2.data:表示該行包含的是數(shù)據(jù)。以 data 開頭的行可以出現(xiàn)多次。所有這些行都是該事件的數(shù)據(jù)。

3.retry:表示該行用來聲明瀏覽器在連接斷開之后進(jìn)行再次連接之前的等待時(shí)間。

4.id:表示該行用來聲明事件的標(biāo)識(shí)符(即數(shù)據(jù)的編號(hào)),不常用。

以上就是Server-sent Events的簡(jiǎn)單應(yīng)用,實(shí)現(xiàn)效果我就不再展示了,有興趣可以親自操作實(shí)現(xiàn)效果!


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到HTML教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
国产黄色一区| 欧美特黄一区| 亚洲免费中文字幕| 成年人看的羞羞网站| 欧美日韩国产综合久久 | 久久久精品网| aaa大片在线观看| 欧美人妻一区二区三区| 最近高清中文在线字幕在线观看1| 中文字幕 亚洲一区| 久久精品免费看| 蜜臀91精品国产高清在线观看| 日韩久久久精品| 精品三级av| 国产成人精品日本亚洲专区61| 不卡视频一区二区三区| 国产视频二区| 国产福利一区二区| 免费精品国产自产拍观看| 久久精品国产2020观看福利| 久久99久久99精品中文字幕| 亚洲高清不卡一区| 一区二区三区在线免费| 国产在成人精品线拍偷自揄拍| 亚洲区中文字幕| 国产一区高清视频| 日韩精品三级| 日韩中文在线视频| 国产区在线看| 高清不卡一区二区| 日韩中文字幕二区| 中文精品电影| 91久久精品国产91性色69| 欧美日韩国产大片| 欧美日韩高清| 日韩欧美国产网站| 久久精品一级爱片| 91精品久久久久久久91蜜桃| 久久精品国产91精品亚洲| 国产日韩在线亚洲字幕中文| 国产一区 二区 三区一级| 欧美日本精品| 中文字幕线观看| 中文字幕亚洲乱码| 97caopor国产在线视频| 久久人人精品| 日韩国产高清一区| 国产一区在线精品| 国产日韩精品久久久| 国产黄色小视频| 91精品视频在线| 日韩欧美亚洲日产国| 亚洲第一视频| 亚洲女人天堂a在线播放| 天天综合日日夜夜精品| 欧美日韩一级片在线观看| 国产在线小视频| 欧美在线观看视频一区| 日韩欧美在线综合网| 国产福利在线导航| 欧美午夜精品在线| 91麻豆视频网站| 精品国产1区二区| 91精品国产自产在线观看永久∴| 日韩欧美国产三级| 欧美高清一区| 免费国产h视频在线观看86| 日韩精品视频在线观看免费| 欧美日韩高清在线| 免费精品国产自产拍在| 国产在线www| 日韩区欧美区| 日本啊v在线| 精品区一区二区| 日韩三级视频在线播放| 91九色精品视频| 日韩美女视频一区二区在线观看| 亚洲一级特黄| www.尤物.com| 欧美国产91| 亚洲深夜福利| 樱花草www在线| 国产小视频在线观看| 国产综合精品在线| 日韩视频在线免费播放| 久久精品国产91精品亚洲| 午夜一区二区视频| 99日韩精品| 欧美在线视频第一页| 国产小视频在线观看免费| 中文字幕欧美在线| 日韩亚洲一区中文字幕| 精品国产99久久久久久| 欧美日韩精品国产| 最近免费中文字幕在线第一页| 中文亚洲免费| 亚洲 欧美综合在线网络| 欧美日韩国产页| 国产欧美日韩在线观看| 欧美日韩中文| 欧美在线视频二区| 亚洲第一香蕉网| 亚洲成av人综合在线观看| 一区二区高清视频| 欧美中日韩在线| 蜜臀91精品国产高清在线观看| 国产精品视频福利一区二区| 欧美三级日韩三级国产三级| 欧美日韩国产123区| 国产99在线 | 亚洲| 亚洲最大黄色| 国产在线观看精品| 欧美不卡视频一区发布| 欧美日韩夫妻久久| 在线不卡一区二区| 欧美一级搡bbbb搡bbbb| 樱花草www在线观看| 免费视频一区三区| 中文字幕欧美日韩在线| 欧美三级免费观看| 日韩亚洲欧美中文在线| 中文字幕中文字幕精品| 国产成人精品免费网站| 中文字幕日韩第一页| 最近中文字幕在线中文视频| 午夜一区二区三区免费| 国产黄色片大全| 欧美日韩在线观看一区| 国产一级在线播放| 久99久视频| 在线视频日韩欧美| 久99久视频| 欧美亚洲国产日韩2020| 国产在成人精品线拍偷自揄拍| 欧美日韩中文国产| 亚洲三级中文字幕| 91久久久久久久久| 欧美日韩人人澡狠狠躁视频| 中文字幕中文字幕精品| 91精品国产高清久久久久久| 深夜日韩欧美| 国产欧美日韩中文久久| 91精品久久久久久蜜臀| 久久久久久久久综合| 日韩在线视频观看正片免费网站| 中文字幕亚洲在| 黄色片免费看| 中文字幕在线观看国产| 国产在线精品国自产拍免费| 欧美日韩中文字幕在线视频| 欧美日韩国产一区中文午夜| 欧美日韩激情一区二区三区| 精品对白一区国产伦| 精品综合久久久久| 亚洲黄色片在线观看| 欧美1234区| 91精品日本| 欧美色视频一区二区三区在线观看| 亚洲欧美99| 国产网站av| 国产激情久久| 日韩欧美国产1| 日韩欧美中文在线| 亚洲免费在线视频一区 二区| 欧美在线日韩在线| 中文字幕无线码一区| 欧美日韩国产区| 国产乱国产乱老熟300部视频| 国产亚洲二区| 久久精品一级爱片| 久久精品视频免费看| 日韩欧美一级二级三级久久久| 成人xxxx| 日韩欧美综合在线视频| 九九视频精品免费| 久久视频www| 日韩在线视频观看| 日本xxxwww免费视频| 人妻一区二区三区免费| 不卡专区在线| 粉嫩喷白浆久久| 99视频在线看| 色www精品视频在线观看| 欧美日韩国产不卡| 91精品国产入口| 中文字幕最新精品| 日韩欧美在线综合| 精品一二三四| 欧美日韩精品欧美日韩精品| 国产三级视频网站| 不卡一区二区三区视频| 天天综合色天天| 亚洲第一中文字幕在线观看| 91精品国产综合久久久蜜臀粉嫩| 精品国内自产拍在线视频| 亚洲第一页中文字幕| 国产三级在线| 91精品国产综合久久久久| 国产欧美综合在线| 青青久在线视频免费观看| 欧美一卡2卡三卡4卡5免费| 久久精品视频免费看| 在线欧美一级视频| 999精品视频在线观看播放| 不卡在线视频| 亚洲第一视频网站| 激情久久99| 国产午夜在线观看| 亚洲黄色www| av中文网站| 日韩欧美一级二级三级久久久| 日韩精品视频在线观看免费| 欧美中文字幕在线| 亚洲制服一区| av免费在线观看网址| 欧美在线日韩精品| 精品国产91| 国产在线观看91| 国产一区不卡精品| 日韩午夜黄色| av中文网站| 日韩一级视频在线观看| 国产不卡视频在线| 欧美日韩中文| 午夜成人鲁丝片午夜精品| 一区二区三区在线不卡| 午夜亚洲一区| 日韩专区视频网站| 77777_亚洲午夜久久多人| 日韩精品在线视频| 久久99精品久久久| 国产激情久久| 日韩欧美在线影院| 精品九九久久| 精品视频国产| 久久久久蜜桃| 在线日韩中文| 精品免费视频| 精品精品久久| 婷婷综合福利| 91久久久久久久久| 日韩三级在线播放| 中文字幕视频在线观看| www.老鸭窝.com| 日韩欧美不卡视频| 国产 欧美在线| av免费在线播放| 国产乱国产乱300精品| 亚洲精品欧美二区三区中文字幕| 搞黄在线观看| 国产欧美日韩第一页| 九九精品调教| 日韩在线视频观看正片免费网站| 久久久精品福利| 精品一二三四| 欧美日韩一级视频| 日韩免费视频一区| 一区三区二区视频| 中文字幕欧美日韩va免费视频| 中文字幕欧美日韩精品| 精品视频—区二区三区免费| 国产综合精品在线| 中文字幕 亚洲视频| 国产欧美日韩久久| 中文字幕在线官网| 久草视频观看| 91精品综合久久久久久| 欧美日韩一二三四| 最新日韩中文字幕| 日韩精品第一区| 日韩欧美国产高清| 91精品久久久久久蜜臀| 色猫猫国产区一区二在线视频| 精品视频www| 最近中文av字幕在线中文| 成人xxxx| 亚洲а∨精品天堂在线| 欧美日韩精品电影| 日韩视频中文| wwwav91com| 国产在线不卡av| 欧美日韩亚洲天堂| 欧美日韩在线视频首页| 在线欧美日韩国产| 欧美国产三级| 亚洲黄色一区二区| 欧美日韩中文字幕综合视频| 亚洲国产福利视频| 91精品国产乱码久久蜜臀| 精品对白一区国产伦| 色综合影院在线| 亚洲欧美视频一区二区三区| 国产黄色高清在线| 日韩欧美综合| 日韩欧美国产成人一区二区| 亚洲大片精品永久免费| 日韩中文字幕在线视频播放 | 中文字幕伊人| 日韩欧美国产免费播放| 国产91大片| 国内国产区免费视频| 国产不卡一区| 欧美日韩国产高清视频| 国产一区不卡精品| 免费在线播放av| 国产三级在线播放| 国产香蕉免费精品视频| 欧美日韩性视频| 青青国产91久久久久久| 91久久精品国产91性色69| 欧美日韩激情在线一区二区三区| 一区二区在线观看不卡| 国产精品一区二三区| 免费在线视频一级不卡| 国产香蕉精品视频| 国产一级视频在线播放| 欧美日韩在线中文字幕| 成人久久在线| 中文字幕 日韩 欧美| 最近中文字幕第一页| 欧美日韩高清| 国产三级视频网站| 日本视频久久久| 亚洲免费观看在线观看| 91精品电影| 在线不卡一区二区| 欧美sm一区| lutube成人福利在线观看| 精品日韩在线观看| 日韩欧美999| 欧美 日韩 国产在线观看| 91国内精品在线视频| 欧美日韩中文在线| 精品久久九九| 国产欧美日韩视频| 国产视频一二区| 久久精品人妻一区二区三区| 日本亚洲视频在线| 日本国产在线视频| 欧美日韩久久久| 日韩国产在线观看一区| 精品人妻一区二区免费视频| 精品中文在线| 国产在线www| 蜜桃视频中文字幕| 久久手机免费观看| wwwav在线播放| 日韩一级二级三级精品视频| 国产福利久久久| 欧美三级视频在线| 亚洲精品欧美二区三区中文字幕| 韩国av一区二区| 欧美日韩精品在线视频| 国产欧美第一页| 日韩欧美国产一二三区| 日韩一级免费在线观看| 高清一区二区| 国产婷婷精品| 亚洲欧美中文字幕| 欧美日韩精品国产| 亚洲日本欧美日韩高观看| 日韩欧美久久| 欧美日韩精品中文字幕| 日韩精品视频在线观看免费| 日韩精品丝袜在线| 国产蜜臀在线| 国产精久久久久| 精品1区2区3区| 日本啊v在线| 1区2区在线| 精品999在线| 精品视频国产| 日韩三级一区二区| 亚洲福利视频在线| 欧美一级一级性生活免费录像 | 日本精品在线中文字幕| 日本国产在线视频| 在线欧美日韩国产| 91精品在线免费| 欧美日韩在线第一页| 日韩在线视频观看| 中文字幕亚洲高清| 国精品产品一区| 国产一区精品在线| 中文字幕在线视频网| 精品网站999| 日韩 国产 一区| 国产小视频在线| 亚洲一区中文| 精品中文字幕在线播放| 精品国产乱码一区二区| 亚洲福利视频在线| www.老鸭窝.com| 日韩精品视频在线播放| av午夜在线| 国产视频三级在线观看播放| 在线精品日韩| 亚洲第一福利视频在线| 午夜伊人狠狠久久| 精品久久久三级|