Flask流输出stream和前端jquery逐行输出代码示例html通用的路由vue_百度云 flask stream
warning:
这篇文章距离上次修改已过449天，其中的内容可能已经有所变动。
<!DOCTYPE html>
<html>
<head>
<title>Flask流输出示例</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div id="output"></div>
<script>
function streamOutput() {
var source = new EventSource('/stream');
source.onmessage = function (event) {
$('#output').append(event.data + '<br>');
};
}
$(document).ready(function() {
streamOutput();
});
</script>
</body>
</html>在这个例子中，我们使用了jQuery库来简化DOM操作，并通过EventSource API实现了服务器端的信息流的前端接收。当页面加载完成后，streamOutput函数会被调用，建立与服务器的连接，并将接收到的信息逐行追加到页面的<div id="output"></div>元素中。服务器端的路由/stream需要支持服务器发送事件(SSE)，以便能够向客户端发送信息流。
评论已关闭