flask获取表单数据

Question

<input type="button" name="back" value="123">

如何将该表单中的数据传回python，框架是flask，举例说明

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

---

【您想要解决的问题】： 您提问的目的是要解决如何在Flask框架中获取HTML表单数据的问题。具体来说，您想要知道如何将HTML中定义的按钮（在这个例子中是<input type="button">）的数据传递回Python后端。

【问题出现原因】： 在HTML中，<input type="button">元素通常不用于提交表单数据，而是用来触发JavaScript事件。因此，如果您希望将数据传递回Flask后端，您需要使用其他类型的输入元素，如<input type="submit">或者<button type="submit">，并且需要将它们放在<form>标签内，并通过表单的action属性指定数据提交的URL。

【问题解决方案】： 为了解决这个问题，您需要对HTML代码进行一些修改，使其能够正确提交数据到Flask后端。以下是一个简单的示例：

1. 将<input type="button">更改为<input type="submit">。
2. 将按钮放入一个<form>标签内，并指定action和method属性。

HTML代码示例：

<form action="/submit" method="post">
    <input type="text" name="data" placeholder="Enter data here">
    <input type="submit" name="submit" value="Submit">
</form>

Flask后端代码示例：

from flask import Flask, request

app = Flask(__name__)

@app.route('/submit', methods=['POST'])
def submit():
    data = request.form['data']
    return f'Received data: {data}'

if __name__ == '__main__':
    app.run(debug=True)

在这个示例中，当用户点击提交按钮时，表单数据将通过POST方法提交到/submit路由，Flask后端将接收到数据并返回接收到的数据。

【提供代码】： 上面的HTML和Flask代码示例已经提供了一个基本的解决方案。

【代码运行方式】：

1. 确保您已经安装了Flask。如果没有安装，可以通过运行pip install flask来安装。
2. 将上述Flask代码保存为一个Python文件，例如app.py。
3. 在终端或命令行中运行python app.py来启动Flask服务器。
4. 打开浏览器并访问http://127.0.0.1:5000/，您将看到表单界面。
5. 输入数据并点击提交按钮，数据将被发送到Flask后端并显示在页面上。

【代码预期运行结果】： 当您点击提交按钮后，Flask后端将返回一个页面，显示类似于以下内容：

Received data: 您输入的数据

【推荐相关链接】：

• Flask官方文档：https://flask.palletsprojects.com/
• Flask表单处理教程：https://www.tutorialspoint.com/flask/flask_forms.htm
• HTML表单教程：https://www.w3schools.com/html/html_forms.asp