flask 表单提交后默认会保留用户输入，导致刷新时重复提交；本文介绍基于 post-redirect-get（prg）模式的标准解决方案，通过服务端重定向彻底清空表单状态，兼顾安全性、用户体验与浏览器兼容性。
flask 表单提交后默认会保留用户输入，导致刷新时重复提交；本文介绍基于 post-redirect-get（prg）模式的标准解决方案，通过服务端重定向彻底清空表单状态，兼顾安全性、用户体验与浏览器兼容性。
在 Flask 开发中，表单提交后“不清空”并非 Bug，而是 HTTP 协议与浏览器行为的自然结果：当用户通过 POST 提交数据并直接 render_template 返回页面时，浏览器地址栏仍停留在 /app/today（POST 路径），此时若用户手动刷新，浏览器会弹出“重新提交表单”提示，并再次发送相同请求——这不仅造成重复任务插入，还违背 Web 最佳实践。
✅ 正确解法：严格遵循 POST-Redirect-GET（PRG）模式
即：接收 POST → 处理业务（如保存任务）→ 服务端发起 302 Found 重定向 → 浏览器自动以 GET 请求访问目标 URL（仍是 /app/today）→ 渲染干净的新页面。由于 GET 请求不含表单数据，刷新将安全地重新加载空白表单，彻底杜绝重复提交。
以下是修正后的路由逻辑（关键改动已高亮）：
from flask import render_template, redirect, url_for, request, flash
from datetime import datetime
@app.route('/app/today', methods=['POST', 'GET'])
@login_required
def today():
today = datetime.today().strftime('%a %b %d')
projects = [(p.id, p.title) for p in Project.query.filter_by(user_id=current_user.id).all()]
new_task_form = AddTask()
new_task_form.project.choices = projects
# 处理 POST 提交
if request.method == 'POST' and new_task_form.validate_on_submit():
try:
project_from_form = Project.query.get(new_task_form.project.data)
new_task = Task(
title=new_task_form.title.data,
description=new_task_form.description.data,
project=project_from_form,
due_date_time=new_task_form.due_date_time.data,
priority_level=int(new_task_form.priority.data),
user_id=current_user.id
)
db.session.add(new_task)
db.session.commit()
flash('Task added successfully!', 'success')
except Exception as e:
db.session.rollback()
flash('Failed to add task. Please try again.', 'error')
logger.error(f"Task creation error: {e}")
# ✅ 关键：成功/失败均重定向到当前页面（GET）
return redirect(url_for('today'))
# GET 请求：始终返回全新渲染的页面（表单为空）
pending_tasks = Task.query.filter(
Task.user_id == current_user.id,
Task.completed_status == 0
).all()
return render_template('today.html',
day_and_date=today,
new_task_form=new_task_form,
user_projects=projects,
pending_tasks_length=len(pending_tasks),
pending_tasks=pending_tasks
)⚠️ 注意事项与增强建议：
- 移除冗余代码：原问题中 attributes_to_clear 列表在 Flask-WTF 中无实际作用，表单字段状态由 request.form 和 form.data 控制，重定向后 request.form 自动为空，无需手动清空。
- 错误反馈不丢失：PRG 模式下，表单验证失败时若直接重定向，用户将看不到错误信息。因此应使用 flash() 存储消息，并在模板中显示（如 get_flashed_messages()），确保 UX 连贯。
- 前端可选增强（非必须）：若需真正“无刷新”体验（如 AJAX），需配合 JavaScript + JSON API（如新增 /api/task 端点），但会增加复杂度；PRG 是更简单、可靠、SEO 友好且符合 REST 原则的首选方案。
- CSRF 安全保障：确保 new_task_form.hidden_tag() 在模板中正确渲染，Flask-WTF 的 CSRF 保护在重定向后依然有效，无需额外处理。
总结：清空 Flask 表单的本质不是“前端擦除”，而是用服务端重定向切断表单数据生命周期。坚持 PRG 模式，既能根治重复提交，又能提升应用健壮性与可维护性——这是每个 Flask 开发者都应掌握的核心实践。
