我正在用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/