41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<title>SSE test</title>
|
||
<script type="text/javascript">
|
||
// 向后端服务器发起sse请求
|
||
const es = new EventSource("http://127.0.0.1:20201/admin/rag/default_talk");
|
||
// 监听事件流
|
||
es.onmessage = function (e) {
|
||
document.getElementById("test")
|
||
.insertAdjacentHTML("beforeend", "<li>" + e.data + "</li>");
|
||
console.log(e);
|
||
}
|
||
// 监听”chat“事件流
|
||
es.addEventListener("chat", (e) => {
|
||
document.getElementById("test")
|
||
.insertAdjacentHTML("beforeend", "<a>" + e.data + "</a>");
|
||
console.log(e)
|
||
});
|
||
es.onerror = function (e) {
|
||
// readyState说明
|
||
// 0：浏览器与服务端尚未建立连接或连接已被关闭
|
||
// 1：浏览器与服务端已成功连接，浏览器正在处理接收到的事件及数据
|
||
// 2：浏览器与服务端建立连接失败，客户端不再继续建立与服务端之间的连接
|
||
console.log("readyState = " + e.currentTarget.readyState);
|
||
// 关闭连接
|
||
es.close();
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<h1>SSE test</h1>
|
||
<div>
|
||
<ul id="test">
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |