重定向的页面是't提交模态表格后进行渲染

Redirected page isn't rendering after submitting modal form

本文关键字:表格 模态 提交 重定向      更新时间:2023-09-26

我使用这样的视图来处理带有窗体的模态窗口https://dmorgan.info/posts/django-views-bootstrap-modals/一切正常,但重定向到此视图后,提交的数据不会显示在my_orders视图中。我在Chrome控制台中看到了对/my_orders/的GET请求。响应包含提交的数据。但在我看来,这种反应似乎并不奏效。也许是XHR反应引起的?

同时,重定向在这个方法中工作得很好,重定向后我得到了实际的my_orders视图。

def delete_order(request, id):
     Order.objects.filter(id = id).delete()
     return redirect('currency_exchange.views.my_orders')

视图.py

def my_orders(request):
    queryset = Order.objects.filter(user=get_user(request))
    context = {
            "queryset": queryset
        }
    return render(request, "my_orders.html", context)
class AjaxTemplateMixin(object):
    def dispatch(self, request, *args, **kwargs):
        if not hasattr(self, 'ajax_template_name'):
            split = self.template_name.split('.html')
            split[-1] = '_inner'
            split.append('.html')
            self.ajax_template_name = ''.join(split)
        if request.is_ajax():
            self.template_name = self.ajax_template_name
        return super(AjaxTemplateMixin, self).dispatch(request, *args, **kwargs)
class AddOrderView(SuccessMessageMixin, AjaxTemplateMixin, FormView, CreateView):
     model = Order
     template_name = 'add_order_form.html'
     form_class = OrderForm
     success_url = reverse_lazy('my_orders')
     success_message = "Way to go!"
     def form_valid(self, form):
        order = form.save(commit=False)
        order.user = self.request.user
        order.save()
        return redirect('currency_exchange.views.my_orders')

JS:

var formAjaxSubmit = function(form, modal) {
                $(form).submit(function (e) {
                    e.preventDefault();
                    $.ajax({
                        type: $(this).attr('method'),
                        url: $(this).attr('action'),
                        data: $(this).serialize(),
                        success: function (xhr, ajaxOptions, thrownError) {
                            if ( $(xhr).find('.has-error').length > 0 ) {
                                $(modal).find('.modal-body').html(xhr);
                                formAjaxSubmit(form, modal);
                            } else {
                                $(modal).modal('toggle');
                            }
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                        }
                    });
                });
            }

您没有显示JS。但是,如果您正在发送Ajax请求,则需要在JS代码中做一些事情来实际执行重定向。