服务器端推送数据到浏览器实现方法之一Server-Sent Event

最新推荐文章于 2024-05-10 17:45:11 发布

frankingly

最新推荐文章于 2024-05-10 17:45:11 发布

阅读量1.6k

点赞数

分类专栏： JS 文章标签： SSE JS

本文链接：https://blog.csdn.net/frankingly/article/details/82854102

版权

SSE 的使用方法可以参考：https://blog.csdn.net/xiewz1112/article/details/80591898

EventSource 对象的 API 文档地址：https://developer.mozilla.org/en-US/docs/Web/API/EventSource

SSE 的使用示例（主要代码来自《Java EE 开发的颠覆者 Spring Boot 实战》一书的 4.5.3 部分）

1. 页面sse.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SSE Demo</title>
</head>
<body>
	<div id="msgFromPush"></div>
	<script type="text/javascript" src="<%=request.getContextPath()%>/assets/js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript">
		if (window.EventSource) {
			console.log("该浏览器支持SSE");
			var source = new EventSource("ssePush");
			var s = "";
			
			source.addEventListener("open", function(e) {
				console.log("连接打开");
			}, false);

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

frankingly

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
服务器端推送数据到浏览器实现方法之一Server-Sent Event

SSE 的使用方法可以参考：https://blog.csdn.net/xiewz1112/article/details/80591898EventSource 对象的 API 文档地址：https://developer.mozilla.org/en-US/docs/Web/API/EventSource SSE 的使用示例（主要代码来自《Java EE 开发的颠覆者 Spring...
复制链接

扫一扫