Question

我正在使用以下方法将数据从HTML发布到Flask：

$.ajax({
            let name = 'ari_victor'
            url: '/send_data',
            contentType: "application/json;charset=utf-8",
            data: JSON.stringify({name}),
            dataType: "json",
            type: 'POST',
            success: function(response){
                console.log(response);
            },
            error: function(error){
                console.log(error);
            }
        });

它到达后端

@app.route('/send_data', methods=['POST'])
def send_data():
    if request.method == 'POST':
        data = request.get_json()
        name = data['name'].replace('_', ' ').title()

现在如何将其寄回？到HTML / JS？

        return name # ?

编辑：我正在做ajax发布，所以我不必刷新页面，并且如果可能的话，我想在刷新数据时不刷新页面。我知道如何轻松地使用表单来执行此操作并呈现新模板，但是我想尝试开发单个页面应用程序

谢谢！

Answer 1

例如在烧瓶视图中，您必须定义某种响应return 'Hello World'，或者最好定义json响应jsonify(msg=success)。然后，您必须“捕获” ajax的响应。这是在您的ajax语句中完成的：

success: function(response){
                console.log(response);
            },

response对象包含所有响应信息，您只需将其打印在那里，但可以提供自己的回调：）

如何将数据从JS发布到Flask，如何处理数据然后将其发送回JS？

1 个答案: