//--------------------------------客户端代码-----------------------------

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, ...