Django中的成功消息

Question

在我的django应用程序中，我正在接受表单输入。表单被验证后，我将在Django Message Framework的帮助下显示成功消息。

当前状态

当我将表单重定向到相同的url（表单本身的url）后，我能够在模板中显示成功消息

我的views.py

if form.is_valid():
    form_data = form.save()

    messages.success(request, 'Submited Successfully')
    return redirect('form-url')

我想要的是

提交表单后，我想在同一页面上显示成功消息（ form-url ），然后我要重定向到新的url list-of-submitted-forms 。

为此，我对自己的views.py做了类似的事情

 if form.is_valid():
        form_data = form.save()

        messages.success(request, 'Submited Successfully')
        return redirect('list-of-submitted-forms')

我面临的问题

我正在重定向到一个新form-url但是在form-url页面上没有收到成功消息。同样，当我转到form-url页面时（通过单击重定向到该URL的按钮），也会显示'Submited Successfully'提交'Submited Successfully'消息

我的HTML / JS

<script>
    {% if messages %}
        {% for message in messages %}
                    {% if message.tags == "success" %}
                         swal({text:"{{ message }}",icon: "success",timer: "4000",buttons: false})  
                    {% endif %}
            {% endfor %}

    {% endif %}

Answer 1

我遇到了同样的问题，这就是我所做的

代替从控制器重定向到另一个页面，首先添加查询参数？redirect ='/ newpage'。 并重定向到相同的上一页。

来自JavaScript的捕获此查询参数，并在几秒钟的延迟后运行widow.location ='/ newpage'

Answer 2

有很多方法可以完成您想做的事情，我为您展示了一种使用JsonResponse 。

意见

from django.http import JsonRespon   
from django.core.urlresolvers import reverse 

if form.is_valid():
    form_data = form.save()

    response = {'msg':'Submited Successfully',
                'url':reverse('list-of-submitted-forms'),
                'created':True}
    return JsonResponse(response)

js

$("#your_form").submit(function(){
    var formData = new FormData($(this)[0]);

    $.ajax({
        url:"URL",
        type:'POST',
        data:formData,
        processData: false,
        contentType: false, 
        success: function(data){
            if(data.created){
                alert(data.msg); // handle the message , till the user click ok, and redirect to data.url
                window.location.href = data.url;
            }
            else{
                $("your_form").html($("your_form",data));
            }
        },
        error:function(){
            alert("error");
        }
    });
    return false;
});