标签:SpringBoot text moeny SSE import data event 服务端 String
长时间和后台保持通讯的有三种方式,分别是ajax的setInterval(),和websocket,已经SSE。
ajax长时间和合同保持通讯太占内存。
websocket可以进行服务端和后台双向通讯。
SSE只能进行服务器往前端单向传送数据。
服务端接口写法
import java.text.DecimalFormat;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class SSEController {
//produces = "text/event-stream;charset=UTF-8"一定要带上
@RequestMapping(value = "/get_data", produces = "text/event-stream;charset=UTF-8")
public String push() {
try {
Thread.sleep(1000);
}catch (Exception e) {
e.printStackTrace();
}
double moeny=Math.random()*10;
System.out.println(String.format("%.2f",moeny));
DecimalFormat df = new DecimalFormat(".00");
String canshu=df.format(moeny);
//!!!注意,EventSource返回的参数必须以data:开头,"\n\n"结尾,不然onmessage方法无法执行。
return "data:白菜价格行情:" + canshu+"元"+ "\n\n";
}
}
前端写法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//需要判断浏览器支不支持,可以去w3c进行查看
var source = new EventSource('/get_data');
source.onmessage = function (event) {
console.info(event.data);
document.getElementById('result').innerText = event.data
};
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
标签:SpringBoot,text,moeny,SSE,import,data,event,服务端,String 来源: https://blog.csdn.net/weixin_38959210/article/details/95079184
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。