我正在用Flask-SocketIO学习websockets。目标是让我的div每秒连续填充一个随机数。当我运行下面的代码时,只会显示最后一个数字。但是,在控制台中,我看到所有这些都是同时到达的。

<script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
<script type="text/javascript" charset="utf-8">

var socket = io.connect('http://' + document.domain + ':' + location.port + namespace);

socket.on('pony_update', function(msg){
    console.log("pony update");
    console.log(msg);
    $('#ponies').html(msg.data);
});


更新此div

<div id="ponies"></div>


“控制器”方法是

@socketio.on('the_ponies', namespace='/test')
def run_numbers(message):
    for i in range(5):
        time.sleep(1)
        x = random.random()
        emit('pony_update', {'data': x}, broadcast=True)

最佳答案

它在线程中阻塞。尝试在gevent monkey_patch中使用start_background_task

@socketio.on('pony_update', namespace='/chat')
def run_numbers(message):
    @copy_current_request_context
    def back_work():
        print('start')
        for i in range(5):
            time.sleep(1)
            x = random.random()
            print(x)
            emit('my response', {'data': x}, broadcast=True)
    socketio.start_background_task(target=back_work)


请不要忘记将猴子补丁放在文件顶部。 :)

关于javascript - Javascript客户端将不会持续使用Flask-SocketIO进行监听,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49673258/

10-11 22:01