HTML Server-sent实现服务器向HTML页面推送消息

最新推荐文章于 2024-12-31 00:24:38 发布

原创最新推荐文章于 2024-12-31 00:24:38 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

前后台交互专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种简单的Java后台向HTML页面推送消息的方法。通过设置响应类型和编码，利用PrintWriter将消息写入响应流，并在前端使用EventSource对象接收这些消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下是实现JAVA后台向HTML页面推送消息的简单实现。

后台代码(将方法放在Controller中):


public String getPushMessage(){
		String message="msg";
		getResponse().setContentType("text/event-stream;charset=UTF-8");
		getResponse().setCharacterEncoding("UTF-8");
		try {
			PrintWriter writer=getResponse().getWriter();
			writer.write("data: "+message+"\n\n");//一定要用\n\n结尾哦
			writer.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
		return null;
	}

前台代码:


$(function(){
	if(window.Notification){ 
		if(window.Notification.permission != "granted"){
			window.Notification.requestPermission();
		}
	}
	else{
		alert('你的浏览器不支持此消息提示功能，请使用chrome内核的浏览器！');
	}
	var eventSource=new EventSource("getPushMessage");
	eventSource.onmessage=function(event){
		var message=event.data;
		alert(message);
        //以下代码的功能是使消息能够在windows桌面弹出(HTML页面最小化了也没关系)
        var notification = new Notification("title", {
        body: message,
        icon: 'img/title.jpg',
        requireInteraction:true//表示需要和用户交互,即:用户点击关闭弹窗才会消失
            });
	}
});