如何在Django页面刷新后清除表单数据与变量显示

# views.py
global summary # 这一行可能是一个未使用的全局声明，或与text相关
text = request.POST.get('text') # 如果text被隐式地当作全局变量，则会持续存在

from django.shortcuts import render, redirect
from django.contrib import messages
from django.urls import reverse # 导入reverse以用于重定向

def basic_work(request):
    # 初始化text变量为None，确保在GET请求时不会有旧数据
    text = None
    text_count = 0 # 初始化计数

    if request.method == 'POST':
        # 仅在POST请求时从request.POST中获取数据
        text = request.POST.get('text')

        if text:
            # 假设这里是word_count logic
            text_count = len(text.split(' '))

            if text_count > 1000:
                messages.info(request, 'Please try with word count less than 1000')
                # 如果有错误，渲染页面时仍然传递当前输入的text，以便用户修改
                return render(request, 'index.html', {'len': text_count, 'text': text})
            else:
                # 成功处理逻辑，例如保存到数据库或进行其他操作
                messages.success(request, '文本处理成功！')
                # 推荐使用Post/Redirect/Get (PRG) 模式
                # 成功处理POST请求后，重定向到同一个URL的GET版本或其他成功页面
                # 这样可以防止用户刷新页面时重复提交表单，并清除表单数据
                return redirect(reverse('basic_work_url_name')) # 假设你的URL配置中有一个名为'basic_work_url_name'的URL模式
        else:
            # 如果POST请求中没有text数据（例如，空表单提交）
            messages.warning(request, '请输入文本内容。')

    # 对于GET请求或POST请求处理完毕（重定向后）
    # 此时text变量将为None (如果是重定向后)，或在初始GET请求时为None
    # 模板中{% if text %}将判断为False，不会显示旧数据
    return render(request, 'index.html', {'len': text_count, 'text': text})

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

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

<!-- index.html -->
<form method="post">
    {% csrf_token %}
    <textarea name="text" id="myTextArea" rows="10" cols="50">{% if text %}{{ text }}{% endif %}</textarea>
    <br>
    <button type="submit">提交</button>
</form>

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

{% if len %}
    <p>当前文本字数：{{ len }}</p>
{% endif %}

<!-- index.html -->
<textarea name="text" id="myTextArea" rows="10" cols="50">{% if text %}{{ text }}{% endif %}</textarea>

document.addEventListener('DOMContentLoaded', function() {
    const textArea = document.getElementById('myTextArea');
    if (textArea) {
        textArea.value = ''; // 清空textarea的值
    }
});

<!-- index.html -->
<form method="post">
    {% csrf_token %}
    <textarea name="text" id="myTextArea" rows="10" cols="50">{% if text %}{{ text }}{% endif %}</textarea>
    <br>
    <button type="submit">提交</button>
    <button type="button" id="clearButton">清空文本</button> <!-- 新增的清除按钮 -->
</form>

<!-- ... 其他内容 ... -->

document.addEventListener('DOMContentLoaded', function() {
    const textArea = document.getElementById('myTextArea');
    const clearButton = document.getElementById('clearButton');

    if (clearButton && textArea) {
        clearButton.addEventListener('click', function() {
            textArea.value = ''; // 清空textarea的值
            // 如果还有其他需要清空的显示区域，可以在这里添加相应的DOM操作
            // 例如：document.getElementById('displayText').innerHTML = '';
        });
    }
});