提交模态表单后重定向页面未呈现

Question

我使用这些视图来处理带有表单的模态窗口。您可以在此处查看此方法的详细说明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')

views.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) {
                        }
                    });
                });
            }

Answer 1

你没有展示你的 JS。但是如果你发送一个 Ajax 请求，你需要在 JS 代码中做一些事情来真正做重定向。