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

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事件");

}

//--------------------------------服務端代碼-----------------------------

@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結尾

return serverDateTime;

}

catch(Exception e)

{

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

return e.getMessage().toString();

}

}

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

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

HTML5學習(十一)---服務器發送事件

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

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

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

HTML5 總結-服務器發送事件-9

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

HTML 5 服務器發送事件、Input 類型、表單元素、表單屬性

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

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

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

HTML5學習筆記(七)HTML5 服務器發送事件(Server-Sent Events)

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

HTML5 服務器發送事件(Server-Sent Events)

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

HTML5: HTML5 服務器發送事件(Server-Sent Events)

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

HTML5服務器發送事件(Server-Send Events)

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

隨機推薦

Bootstrap <基礎三十一>插件概覽

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

PythonOCC 3D圖形庫學習—導入STEP模型

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

php教程一，變量

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

POJ 1969

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

nodejs3-事件zepto.js事件

Event代表事件名,listener代表事件處理函數,括號內的參數代表可選參數: addListener(event,listener):對指定事件綁定事件處理函數 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 您需要寫一種數據結構(可參考題目標題),來維護一些數,其中需要提供以下操作:1. 插入x數2. 刪除x數(若有多個相同的數,因只刪除一個)3. ...

update_engine-整體結構(二)

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

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

Java基礎知識篇 面向對象和面向過程的區別 面向過程: 優點:性能比面向對象高,因為類調用時需要實例化,開銷比較大,比較消耗資源;比如單片機.嵌入式開發.Linux/Unix等一般采用面向過程開發, ...

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。