Django中刷新页面后清除表单数据与变量的方法

<!-- index.html -->
<form method="post">
    {% csrf_token %}
    <label for="myTextarea">请输入文本：</label><br>
    <!-- 为textarea添加id以便JavaScript访问 -->
    <textarea name="text" id="myTextarea" rows="10" cols="50">{% if text %}{{ text }}{% endif %}</textarea><br>
    <button type="submit">提交</button>
    <!-- 添加一个清除按钮，调用JavaScript函数 -->
    <button type="button" onclick="clearTextarea()">清除</button>
</form>

<script>
    // JavaScript函数用于清空textarea
    function clearTextarea() {
        document.getElementById('myTextarea').value = '';
    }
</script>

{% if messages %}
    <ul class="messages">
        {% for message in messages %}
            <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
        {% endfor %}
    </ul>
{% endif %}

# views.py
from django.shortcuts import render, redirect
from django.contrib import messages
from django.urls import reverse # 导入reverse用于获取URL

def basic_work(request):
    if request.method == 'POST':
        text = request.POST.get('text')
        if text:
            # 避免使用全局变量，text在这里是局部变量
            text_count = len(text.split(' '))

            if text_count > 1000:
                messages.error(request, '请尝试输入少于1000个字的内容。')
            else:
                # 假设这里进行文本处理或保存到数据库
                # ...
                messages.success(request, f'文本已成功处理，字数：{text_count}。')
        else:
            messages.info(request, '请输入内容。')

        # 关键步骤：处理完POST请求后，重定向到同一个视图的GET请求
        # 'basic_work_url_name' 应该替换为你的URL配置中为此视图定义的名称
        return redirect(reverse('basic_work_url_name'))
    else: # GET 请求
        # 对于GET请求，不传递任何text上下文，确保textarea为空
        return render(request, 'index.html', {})

<!-- index.html -->
<form method="post">
    {% csrf_token %}
    <label for="myTextarea">请输入文本：</label><br>
    <!-- 在PRG模式下，textarea通常不预填充上次提交的数据 -->
    <textarea name="text" id="myTextarea" rows="10" cols="50"></textarea><br>
    <button type="submit">提交</button>
    <!-- 客户端清除按钮依然可以保留，作为用户友好的辅助功能 -->
    <button type="button" onclick="clearTextarea()">清除</button>
</form>

<script>
    function clearTextarea() {
        document.getElementById('myTextarea').value = '';
    }
</script>

{% if messages %}
    <ul class="messages">
        {% for message in messages %}
            <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
        {% endfor %}
    </ul>
{% endif %}

# your_app/urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('basic_work/', views.basic_work, name='basic_work_url_name'),
]