Python 在django中提交表单后弹出消息

我正在用django建立一个网站，我有时事通讯功能。我不太擅长前端，但我想在点击提交按钮后实现一个切换消息。我不知道该怎么处理这件事。我已将新闻稿表单与弹出消息连接起来，但问题是，当单击提交时，由于查看功能，页面被重新加载，我尝试不返回重定向，但在这种情况下，在第一次使用重定向功能时，它不会向我显示消息

视图函数

def newsletter_subscribe(request):
    if NewsletterUser.objects.filter(email=request.POST['newsletter_email']).exists():
        messages.warning(
            request, 'This email is already subscribed in our system')
    else:
        NewsletterUser.objects.create(email=request.POST['newsletter_email'])
        messages.success(request,
                         'Your email was subscribed in our system, you\'ll hear from us as soon as possible !')
    return redirect('index')

通讯表格

 <section class="bg-gray section-padding">
    <div class="container">
      <div class="section-intro pb-5 mb-xl-2 text-center">
        <h2 class="mb-4">Subscribe To Get Our Newsletter</h2>
        <p>We post very often on the blog and bring updates on the platform, if you will subscribe you will hear from us everything as soon we made the changes</p>
      </div>
      <form class="form-subscribe" action="{% url 'newsletter-subscribe' %}" method="POST">
        {% csrf_token %}
        <div class="input-group align-items-center">
            <input type="text" class="form-control" name="newsletter_email" placeholder="Enter Your email" required>
          <div class="input-group-append">
              <button class="button button-shadow2" type="submit" data-toggle="modal" data-target="#logoutModal">Subscribe</button>
          </div>
        </div>
      </form>
    </div>
  </section>

订阅我们的时事通讯
我们经常在博客上发布，并在平台上提供更新，如果您愿意订阅，我们一做出更改，您就会听到我们的一切

{%csrf_令牌%}
订阅

弹出的切换消息

<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {% if messages %}
                  {% for message in messages %}
                    {% if message.tag == 'success' %}
                      <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Success</h5>
                        <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">{{ message }}</div>
                    <div class="modal-footer">
                    <a class="btn btn-success" href="{% url 'index' %}">Cool</a>
                </div>
                    {% elif message.tag == 'warning' %}
                      <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalLabel">Warning</h5>
                          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">×</span>
                          </button>
                      </div>
                      <div class="modal-body">{{ message }}</div>
                      <div class="modal-footer">
                    <a class="btn btn-warning" href="{% url 'index' %}">Oh.. Ok</a>
                </div>
                    {% endif %}
                  {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>

{%if消息%}
{消息%中的消息为%s}
{%if message.tag=='success%}
成功
×
{{message}}
{%elif message.tag=='警告'%}
警告
×
{{message}}
{%endif%}
{%endfor%}
{%endif%}

那么，在我完成表单并点击submit之后，我需要做什么更改才能在屏幕上弹出消息作为切换