Django表单提交跳转后显示JavaScript alert弹窗的实现方法（不使用messages）

有两种符合你需求的实现方式，优先推荐第一种（符合表单提交最佳实践，避免用户刷新页面重复提交表单）： #

方案1：重定向+URL查询参数实现（推荐） #

第一步：修改视图函数 #

将原POST处理完成后直接渲染页面的逻辑，改为重定向到dashboard页面，同时携带一次性识别参数：

from django.shortcuts import redirect, render
from django.urls import reverse

def donate(request):
    if request.method == "POST":
        title = request.POST['donationtitle']
        phonenumber = request.POST['phonenumber']
        category = request.POST['category']
        quantity = request.POST['quantity']
        location = request.POST['location']
        description = request.POST['description']
        # 更新用户数据
        UserDetail.objects.filter(user=request.user).update(
            donations=F('donations') + 1,
            points=F('points') + (quantity * 2)
        )
        # 重定向到dashboard页面，携带成功标识参数
        return redirect(f"{reverse('dashboard')}?donation_success=1")
    return render(request,'donate.html') 

注意：如果你的dashboard路由没有命名，直接写路径即可，比如redirect('/dashboard/?donation_success=1')

第二步：在dashboard.html中添加弹窗逻辑 #

在dashboard.html的<body>标签末尾加入以下JS代码，识别到成功参数后弹出提示，同时自动清除URL里的参数，避免刷新重复弹窗：

<script>
const params = new URLSearchParams(window.location.search);
if (params.get('donation_success') === '1') {
    alert('捐赠提交成功，感谢您的贡献！');
    // 清除URL中的成功参数，不留下历史记录
    params.delete('donation_success');
    const newUrl = window.location.pathname + (params.toString() ? `?${params.toString()}` : '');
    window.history.replaceState({}, document.title, newUrl);
}
</script>

方案2：模板上下文传参实现（无需改URL，适合简单场景） #

如果你不需要严格避免重复提交问题，可以直接在渲染dashboard时传入成功标识：

第一步：修改视图返回逻辑 #

def donate(request):
    if request.method == "POST":
        # 原有数据处理逻辑不变
        UserDetail.objects.filter(user=request.user).update(
            donations=F('donations') + 1,
            points=F('points') + (quantity * 2)
        )
        # 传入成功标识到模板
        return render(request, 'dashboard.html', {'donation_success': True})
    return render(request,'donate.html') 

第二步：在dashboard.html中添加弹窗逻辑 #

{% if donation_success %}
<script>
alert('捐赠提交成功，感谢您的贡献！');
</script>
{% endif %}

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