javascript - 从flask api连续发送数据到javascript前端
问题描述
所以我想建立一个网站,实时可视化一些需要一些时间来计算的模拟,我想知道最简单的方法。
目前,javascript 前端从烧瓶 api 中获取最终结果并显示给用户。我希望后端实时发送模拟结果,在它仍在计算的同时按时间间隔发送一批数据,并且前端实时显示结果,而不必每次都重新加载页面。我怎么能轻易做到这一点?
谢谢
解决方案
有两种常见的方法可以做到这一点:
- 网络套接字
- 服务器发送事件 (SSE)
如果您的应用程序的前端需要经常与后端通信,那么最好为该通信通道打开一个Web 套接字。以下是常用语言的流行框架列表,包括 Python:https ://github.com/facundofarias/awesome-websockets
如果您的应用程序的前端只需要侦听更新,那么使用SSE 打开事件流可能会更好。请注意,现在大多数浏览器都可以在前端使用纯 JavaScript 完成此操作,但后端可能会涉及更多。由于您使用的是 Flask,因此您可能想看看Flask-SSE。
推荐阅读
- javascript - DataTable API,Laravel:为什么 datatable api 不起作用并且不返回任何错误?还有另一种过滤 colmns 的方法
- android - Android 10通过Ksoap2发送身份验证标头时将@符号更改为@
- reactjs - ag-grid 上的可点击事件
- python - 在 Python 中绘制圆圈
- typescript - 在 TypeScript 中,调用函数时,为什么我可以提示 null 参数具有其他类型?
- angular - 将引导程序添加到styles.css时出现空白页面,删除引导程序并获得登录页面
- javascript - Javascript 最大调用堆栈大小超出了从删除函数括号中修复的问题
- node.js - 如何识别 Azure 中的 Node JS 实例?
- sql - 如何基于列仅提取相关数据(在一定程度上)
- extjs - RadioGroup 不更新绑定值