Flask流输出stream和前端jquery逐行输出代码示例html通用的路由vue源码_百度云 flask stream_flask流式输出

        });
    });
</script>
1
2
3

jquery2示例：



1
2
3
4
5

<script>
    $(document).ready(function(){
        $('#submit').click(function(){
			var output = $('#output');
            var quantity = $('#quantity').val();
            fetch(`/stream_data?quantity=${quantity}`, {
                method: "GET",
                headers: {
                    "Content-Type": "application/json",
                }
            })
            .then(response => {
                const reader = response.body.getReader();
                const decoder = new TextDecoder();
                
                reader.read().then(function processText({ done, value }) {
                    if (done) {
                        //output.val('');
                        return;
                    }
                    const text = decoder.decode(value, { stream: true }).replace('undefined', '');
                    console.log("received data -", text);
                    
					output.val(output.val() + text);
                    reader.read().then(processText);
                });
            })
            .catch(error => {
                console.error('Error:', error);
            });
        });
    });
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

vue代码示例：



1
2
3
4
5

后端python接口：



1
2
3
4
5

from flask import Flask, Response, send_from_directory, request
import time

app = Flask(name, static_folder=‘static’)

@app.route(‘/’)

def index():

return app.send_static_file(‘index.html’)

@app.route(‘/<html_file>’)
def serve_html(html_file):
return send_from_directory(app.static_folder, html_file)

@app.route(‘/stream_data’)
def stream_data():
quantity = int(request.args.get(‘quantity’, 10)) # 获取数量值，默认为10
if quantity <= 0:
return “Invalid quantity value”, 400 # 返回400错误

def generate():
    for i in range(quantity):
        yield f"Data point {i}\n"
        time.sleep(1)  # 模拟生成数据的延迟
1
2
3
4

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）

合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）