Question

在使用jQuery $ .post（）调用函数之后，我想从烧瓶中的生成器传输数据块：

@app.route('/some/function', methods=['POST'])
def calculateSomething():
    def g():        
        # do something here
        yield 'result1'
        # do more ...                
        yield 'result2'     
    return Response(g())

我从jQuery调用这个函数：

$.post("/some/function", {"some": $data}, function(data) {
    alert(result)
})

这只给我一个警告说'result1result2'而不是每个产量的两个单独警报。因此，在所有内容都“生成”之后调用回调函数。

如何使用yield正确地流式传输到jQuery？

Answer 1

在这种情况下，您可以使用服务器发送的事件。看看下面的示例：

from flask import Flask, Response
import time

app = Flask(__name__)

@app.route('/')
def index():
    return """
<!DOCTYPE html>
<html>
  <head>
    <script>
      if(typeof(EventSource)!=="undefined") {
        var source=new EventSource("/stream");
        source.onmessage=function(event) {
          document.getElementById("result").innerHTML+=event.data + "<br>";
        };
      } else {
        document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";
      }
    </script>
  </head>
  <body>
    <h1>Data</h1>
    <div id="result"></div>
  </body>
</html>
"""

@app.route('/stream', methods=['GET', 'POST'])
def stream():
    def event_stream():
        n = 0
        while True:
            yield "data: %s\n\n" % n
            n += 1
            time.sleep(1)
    return Response(event_stream(), mimetype='text/event-stream')

if __name__ == '__main__':
    app.run()

服务器发送事件会阻止您的开发服务器。要处理多个连接，请查看使用Gevent。 http://flask.pocoo.org/docs/deploying/others/#gevent

Answer 2

这是一个AJAX请求，您将在加载所有数据时处理alert。 您无法获得单独的块，因为它是一个请求，但可以尝试模拟这个：

您可以尝试使用XMLHttpRequest2.progress event，ProgressEvent.loaded并从XMLHttpRequest2.response读取数据，但是当这个事件处理得非常困难时（特别是每个浏览器）。
您也可以尝试查看WebRTC但是浏览器支持存在限制，对您的案例来说看起来有点不合理。
不要忘记flash等等，但对你的案子来说，这看起来也不合理。

如果您的响应很快，那么您可以在客户端获得所有响应和单独数据（例如，如果您了解blob结构，则可以将json与base64一起用于二进制对象或blob）。

如果您的响应很长，因为您获得大数据并且您确实需要块，那么最好多次发出请求，因为新连接的时间将少于大块加载。在这种情况下，最好不要使用大块用于AJAX，因为它可能会抛出timeout个异常。

如果您的响应很长，因为它占用了大量CPU或运行速度较慢，那么最好启动后台进程（如celery），返回响应并在检查结果后间隔一段时间。

如果您必须极快地获得响应，可以尝试使用web sockets（在这种情况下，您必须发送不同的消息）。

所以当流媒体和大块有用时：

您下载或上传大文件并希望在烧瓶应用程序中控制速度（用户引用，不要使用所有通道进行此操作）。但是，如果您使用例如uwsgi，则此操作处理时将阻止您的进程或线程。
您下载或上传大文件并希望停止/恢复/验证此操作。

Flask：使用yield从生成器流到jQuery / $ .post（）

2 个答案: