//--------------------------------客戶端代碼-----------------------------

if(typeof(EventSource) !== "undefined") {

var source = new EventSource("../api/v1/event.source");

source.onmessage = function(event) {

$("#content_event").html(event.data + "
");

};

}

else {

$("#content_event").html("你的瀏覽器不支持 server-sent事件");

}

//--------------------------------服務(wù)端代碼-----------------------------

@RequestMapping(value = "/event.source",method = {RequestMethod.POST,RequestMethod.GET})

@ResponseBody

public String eventSource(HttpServletResponse response) throws Exception

{

try

{

response.setHeader("Content-Type", "text/event-stream");//必須

response.setHeader("Cache-Control", "no-cache");

response.setCharacterEncoding("UTF-8");

response.setHeader("Pragma","no-cache");

response.setDateHeader("Expires",0);

String serverDateTime = "data:"+CommanUtil.getCurrentDatetime()+"\n\n";//必須以data:開頭；以\n\n結(jié)尾

return serverDateTime;

}

catch(Exception e)

{

logger.debug(e.getMessage().toString());

return e.getMessage().toString();

}

}

----------------------------------------------------------------------------

如果數(shù)據(jù)比較長時，可以采用多行data：然后js客戶端使用event.data.split('\n').join('')組合數(shù)據(jù)

HTML5學(xué)習(xí)(十一)---服務(wù)器發(fā)送事件

參考教程:http://www.w3school.com.cn/html5/html_5_serversentevents.asp HTML5 服務(wù)器發(fā)送事件(server-sent event)允許 ...

HTML5 服務(wù)器發(fā)送事件(Server-Sent Events)介紹

w3cschool菜鳥教程 Server-Sent 事件 - 單向消息傳遞 Server-Sent 事件指的是網(wǎng)頁自動獲取來自服務(wù)器的更新. 以前也可能做到這一點,前提是網(wǎng)頁不得不詢問是否有可用的更新 ...

HTML5 總結(jié)-服務(wù)器發(fā)送事件-9

HTML 5 服務(wù)器發(fā)送事件 HTML5 服務(wù)器發(fā)送事件(server-sent event)允許網(wǎng)頁獲得來自服務(wù)器的更新. Server-Sent 事件 - 單向消息傳遞 Server-Sent 事 ...

HTML 5 服務(wù)器發(fā)送事件、Input 類型、表單元素、表單屬性

HTML5 服務(wù)器發(fā)送事件(server-sent event)允許網(wǎng)頁獲得來自服務(wù)器的更新. Server-Sent 事件 - 單向消息傳遞 Server-Sent 事件指的是網(wǎng)頁自動獲取來自服務(wù)器 ...

HTML5支持服務(wù)器發(fā)送事件(Server-Sent Events)-單向消息傳遞數(shù)據(jù)推送(C#示例)

傳統(tǒng)的WEB應(yīng)用程序通信時的簡單時序圖: 現(xiàn)在Web App中,大都有Ajax,是這樣子: HTML5有一個Server-Sent Events(SSE)功能,允許服務(wù)端推送數(shù)據(jù)到客戶端.(通常叫數(shù)據(jù) ...

HTML5學(xué)習(xí)筆記(七)HTML5 服務(wù)器發(fā)送事件(Server-Sent Events)

Server-Sent 事件指的是網(wǎng)頁自動獲取來自服務(wù)器的更新. 以前也可能做到這一點,前提是網(wǎng)頁不得不詢問是否有可用的更新.通過服務(wù)器發(fā)送事件,更新能夠自動到達. EventSource 對象用于接 ...

HTML5 服務(wù)器發(fā)送事件(Server-Sent Events)

沈陽SEO:HTML5 服務(wù)器發(fā)送事件(server-sent event)允許網(wǎng)頁獲得來自服務(wù)器的更新. Server-Sent 事件 - 單向消息傳遞 Server-Sent 事件指的是網(wǎng)頁自動獲 ...

HTML5: HTML5 服務(wù)器發(fā)送事件(Server-Sent Events)

ylbtech-HTML5:?HTML5 服務(wù)器發(fā)送事件(Server-Sent Events) 1.返回頂部 1. HTML5?服務(wù)器發(fā)送事件(Server-Sent Events) HTML5 服 ...

HTML5服務(wù)器發(fā)送事件(Server-Send Events)

HTML5服務(wù)器發(fā)送事件是允許獲得來自服務(wù)器的更新. server-sent事件-單向傳遞消息,表示網(wǎng)頁自動獲取來自服務(wù)器的更新. 其中有一個重要的對象,eventsource對象是用來接收服務(wù)器發(fā)送 ...

隨機推薦

Bootstrap <基礎(chǔ)三十一>插件概覽

在前面布局組件中所討論到的組件僅僅是個開始.Bootstrap 自帶 12 種 jQuery 插件,擴展了功能,可以給站點添加更多的互動.即使不是一名高級的 JavaScript 開發(fā)人員,也可以著手 ...

PythonOCC 3D圖形庫學(xué)習(xí)—導(dǎo)入STEP模型

PythonOCC comes with importers/exporters for the most commonly used standard data files format in en ...

php教程一，變量

php是一種動態(tài)腳本語言,比較適合web開發(fā). php支持8種變量數(shù)據(jù)類型: 四種標量類型: boolean(布爾型) integer(整型) float(浮點型,也稱作?double) string ...

POJ 1969

#include #include using namespace std; int main() { //freopen("a ...

nodejs3-事件zepto.js事件

Event代表事件名,listener代表事件處理函數(shù),括號內(nèi)的參數(shù)代表可選參數(shù): addListener(event,listener):對指定事件綁定事件處理函數(shù) on(同上):addListen ...

show_space.sql.txt

create or replace procedure SHOW_SPACE(P_SEGNAME?? IN VARCHAR2, P_OWNER???? IN VARCHAR2 DEFAULT USER ...

[Tyvj 1728] 普通平衡樹

大名鼎鼎的板子題w 照例先貼題面 Describtion 您需要寫一種數(shù)據(jù)結(jié)構(gòu)(可參考題目標題),來維護一些數(shù),其中需要提供以下操作:1. 插入x數(shù)2. 刪除x數(shù)(若有多個相同的數(shù),因只刪除一個)3. ...

update_engine-整體結(jié)構(gòu)(二)

在update_engine-整體結(jié)構(gòu)(一)中分析UpdateEngineDaemon::OnInit()的整體情況.下面先分析在該方法中涉及的DaemonStateAndroid和BinderUpd ...

最新最全的Java面試題整理(內(nèi)附答案)

Java基礎(chǔ)知識篇 面向?qū)ο蠛兔嫦蜻^程的區(qū)別 面向過程: 優(yōu)點:性能比面向?qū)ο蟾?因為類調(diào)用時需要實例化,開銷比較大,比較消耗資源;比如單片機.嵌入式開發(fā).Linux/Unix等一般采用面向過程開發(fā), ...

[LOJ 2720][BZOJ 5417][UOJ 395][NOI 2018]你的名字

[LOJ 2720][BZOJ 5417][UOJ 395][NOI 2018]你的名字 題意 給定一個大串 \(S\) 以及 \(q\) 次詢問, 每次詢問給定一個串 \(T\) 和區(qū)間 \([l, ...

總結(jié)

以上是生活随笔為你收集整理的来自网页的消息服务器繁处理忙,EventSource 对象用于接收服务器发送事件通知,是网页自动获取来自服务器的更新...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。