Question

如何从客户端向服务器发送信息？我有点需要通过点击按钮将一些数据从客户端发送到服务器。基本上，我有这个页面，其中有几个按钮，我想尝试在按下时向服务器发送有关每个按钮的信息（以及有关客户端状态的一些额外信息，但这并非完全必要）。然后，服务器应处理该信息，并将处理后的版本发送到所有连接的客户端。

客户端不刷新至关重要，因为我们会丢失javascript游戏引擎中的数据，用户必须重新开始。

ajax会合适吗？如果是，有人可以在javascript（客户端）和Flask（服务器端）函数/代码中包含一个简短的通用示例吗？

Answer 1

开箱即用，您不能使用像Flask这样的持久请求或websockets。但是，您不一定需要这个 - 您可以使用简单的轮询机制使用AJAX。

客户方：

$('button').click(function() {
    var state = $(this).attr('data-state');

    $.post('/clients/', { state: state });
});

// Check for messages every 1 second
var checkDelay = 1000;
var lastMessageSeen = new Date().getTime();

setInterval(function() {
    $.get('/clients/', function(result) {
        if(result.ready and result.timestamp > lastMessageSeen) {
            lastMessageSeen = result.timestamp;
            console.log('Message received: ' + result.msg);
        }
    });
}, checkDelay);

服务器端：

from flask import request, jsonify

@app.route('/clients/', methods=['POST'])
def client_broadcast():
    state = request.form['state']

    # here you can store the message under a key in Memcached, Redis or another in-memory cache server
    store_in_cache(state)

    return jsonify(stored=True)

@app.route('/clients/', methods=['GET'])
def client_retrieve():
    # retrieve messages from cache
    msg, timestamp = retrieve_from_cache()

    if msg:
        return jsonify(ready=True, msg=msg, timestamp=timestamp)
    else:
        return jsonify(ready=False)

我遗漏了store_in_cache和retrieve_from_cache函数，因为它取决于您希望如何处理这些消息。它们是否适用于所有浏览器客户端？你想要一个消息队列吗？

如何从客户端发送信息到服务器（Flask - python）

1 个答案: