jsp 与html 如何结合使用方法,html5 EvnetSource 与 JSP页面结合使用

本文介绍了一位前端开发者如何使用JSP结合HTML5的EventSource进行服务器向客户端推送服务的实践,通过实例展示了如何在JSP中设置Cache-Control和消息发送,并指导读者使用Chrome浏览器观察效果。
摘要由CSDN通过智能技术生成

最近一直在研究前端的技术,特别是html5的技术,本人觉得html5的发展将越来越好,废话少说。看到了EventSource,根据官方的说法是服务器向客户端的推送服务。自己想找一些例子看看,发现都是PHP或者ASP的,很少有关JSP的,就想用JSP去做一下。

首先说一下EventSource,这个只要看一下网络请求就知道是轮询了。。。。通过操作本人十分鼓励用chrom浏览器去查看html5的效果,毕竟很多浏览器还没有完全支持,特别是IE,基本是反对者的角色。好了,直接代码了

jsp的代码是:

response.setHeader("Cache-Control","no-cache");//官方说法,一定要设置Cache-Control为no-cache

response.getWriter().write("data: >>server Time" + new Date()); //官方说法,必须以data:开头

response.flushBuffer();%>

html的script代码:

Insert title here

if (typeof (EventSource) !== "undefined") {var eventsource = new EventSource("../jsp/eventSourceTest.jsp");

eventsource.onmessage=function(e){

console.log(e.data);

document.getElementById("result").innerHTML =e.data;

};

}else{

alert("can‘t support eventsource");

}

初学者,如有错误,欢迎指正,感激感激

原文:http://www.cnblogs.com/jiankeaibiancheng/p/4548034.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值