要在不刷新页面的情况下使用Flask进行POST请求表单数据,您可以使用JavaScript的Ajax技术来实现。下面是一个示例代码:
from flask import Flask, render_template, request, jsonify
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/submit', methods=['POST'])
def submit():
data = request.form.get('data')
# 进行数据处理或其他操作
# ...
# 返回响应数据
response = {'message': '成功'}
return jsonify(response)
if __name__ == '__main__':
app.run()
index.html模板文件:
POST请求示例
POST请求示例
在上面的示例中,当用户在表单中输入数据并点击提交按钮时,通过JavaScript的Ajax技术发送POST请求到Flask的/submit
路由。Flask接收到请求后,从POST请求中获取表单数据并进行处理,然后返回一个JSON格式的响应数据。在JavaScript的Ajax请求成功的回调函数中,弹出响应数据中的消息。
您可以将以上代码保存到一个Python文件中,并运行该文件,然后在浏览器中访问http://localhost:5000/
来查看示例。当您在表单中输入数据并点击提交按钮时,将会收到一个成功的消息提示框,而不会刷新页面。
上一篇:不刷新页面的情况下执行操作