Flask-SocketIO 與前端交互

後臺代碼：

@socketio.on('message', namespace='/test_message')
def handle_my_message(message):
    msg = f"收到：{message}"
    print(msg)
    while True:
        socketio.sleep(2)
        send_data = {"data": choice(range(20))}
        emit('message', send_data)
        send_data1 = {"result": choice(range(100, 200))}
        emit('my event', send_data1)

前臺JavaScript：

<script type="text/javascript" charset="utf-8">
    namespace = '/test_message';
    var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port + namespace);
    socket.on('connect', function() {
        socket.emit('message', {data: 'hello'});
    });
    socket.on('message', function(res) {
        console.log(res);
    });
    socket.on('my event', function(res) {
        var t = res.result;
        console.log(t);
        $("#my_test").text(t);
    })
</script>