Django提交评论后刷新页面重复POST提交问题解决方案

当前product_detail视图处理完评论提交的POST请求后，直接返回render渲染的页面，此时浏览器缓存的最后一次请求是POST类型，刷新页面时浏览器会自动重发该POST请求，导致重复创建相同评论。
这类问题的标准解决方案是PRG（Post/Redirect/Get）模式：POST请求处理完成后，不直接返回页面内容，而是返回302重定向响应，引导浏览器发起GET请求重新加载目标页面，后续刷新只会触发GET请求，不会重复提交表单。

1. 调整视图层逻辑（核心修复） #

修改views.py中的product_detail视图，补充必要的校验逻辑，POST处理完成后直接重定向回商品详情页，修改后代码如下：

# 注意给视图加上登录校验装饰器，避免匿名用户构造请求提交时报错
@login_required
def product_detail(request, product_id):
    """ A view to show individual product details """
    product = get_object_or_404(Product, pk=product_id)

    if request.method == 'POST':
        rating = request.POST.get('rating', 3)
        content = request.POST.get('content', '').strip()
        
        # 增加空评论校验，避免提交无内容的无效评论
        if content:
            Review.objects.create(
                product=product,
                rating=rating,
                content=content,
                created_by=request.user
            )
            messages.success(request, '评论提交成功')
        else:
            messages.error(request, '评论内容不能为空')
        
        # 核心修复：处理完POST直接重定向，切断重复提交的链路
        return redirect(reverse('product_detail', args=[product.id]))

    reviews = Review.objects.filter(product=product)
    context = {
        'product': product,
        'reviews': reviews
    }

    return render(request, 'products/product_detail.html', context)

2. 可选增强防护（避免极端场景重复提交） #

前端防重复点击 #

在模板的{% block postloadjs %}块中添加JS逻辑，用户点击提交按钮后立刻禁用按钮，避免网络延迟时用户反复点击：

{% block postloadjs %}
{{ block.super }}
{% include 'products/includes/quantity_input_script.html' %}
<script>
// 评论表单提交后禁用按钮
$('.bg-gray-100 form').on('submit', function() {
    $(this).find('button[type="submit"]')
        .prop('disabled', true)
        .text('提交中...');
});
</script>
{% endblock %}

后端频控校验 #

可以增加同用户同商品的评论提交频率限制，比如1分钟内仅允许提交1条评论，既防重复提交也防恶意刷评，在创建评论前增加如下判断：

from django.utils import timezone
from datetime import timedelta

# 校验逻辑放在POST处理块内，创建评论前执行
one_minute_ago = timezone.now() - timedelta(minutes=1)
has_recent_review = Review.objects.filter(
    product=product,
    created_by=request.user,
    created_at__gte=one_minute_ago
).exists()

if content and not has_recent_review:
    # 执行评论创建逻辑

修改完成后测试：提交评论后页面自动跳转，浏览器不会弹出「确认重新提交表单」的提示，反复刷新页面也不会生成重复评论。

内容的提问来源于stack exchange，提问作者tobias