Django Ajax форма не сохраняется - PullRequest
Новая
       26

Django Ajax форма не сохраняется

0 голосов
/ 18 апреля 2020

Я хочу использовать Ajax в Django, чтобы обработать представление моей формы оформления заказа после ее отправки. После отправки формы я хочу, чтобы она была go до:

return HttpResponseRedirect(reverse(str(next_page))+"?address_added=True"), т.е. http://127.0.0.1: 8000 / checkout /? Address_added = True

Но по какой-то причине он туда не пойдет. Скорее он собирается к http://127.0.0.1:8000/checkout/?csrfmiddlewaretoken=W4iXFaxwpdtbZLyVI0ov8Uw7KWOM8Ix5GcOQ4k3Ve65KPkJwPUKyBVcE1IjL3GHa&address=123+Main+Street&address2=&state=MA&country=USA&zipcode=55525&phone=%28877%29+314-0742&billing=on

В результате данные формы также не сохраняются. Я думал, если бы это было из-за новой версии Django.

Что я хочу сделать, это то, что после того, как они отправят кнопку заказа места, форма будет Нет, то есть исчезнет, ​​а затем я добавил бы форму кредитной карты для оплаты. Но этого не происходит. Что здесь не так? Как я могу это сделать или есть лучший способ сделать это?

Мои формы.py:

class UserAddressForm(forms.ModelForm):
    class Meta:
        model = UserAddress
        fields = ["address", "address", "address2", "state", "country", "zipcode", "phone", "billing"]

Мои аккаунты.views.py:

def add_user_address(request):
    try:
        next_page = request.GET.get("next")
    except:
        next_page = None
    if request.method == "POST":
        form = UserAddressForm(request.POST)
        if form.is_valid():
            new_address = form.save(commit=False)
            new_address.user = request.user
            new_address.save()
            if next_page is not None:
                return HttpResponseRedirect(reverse(str(next_page))+"?address_added=True")
    else:
        raise Http404

Мои заказы.views.py:

@login_required()
def checkout(request):
    try:
        the_id = request.session['cart_id']
        cart = Cart.objects.get(id=the_id)
    except:
        the_id = None
        return redirect(reverse("myshop-home"))

    try:
        new_order = Order.objects.get(cart=cart)
    except Order.DoesNotExist:
        new_order = Order(cart=cart)
        new_order.cart = cart
        new_order.user = request.user
        new_order.order_id = id_generator()
        new_order.save()
    except:
        return redirect(reverse("cart"))


    try:
        address_added = request.GET.get("address_added")
    except:
        address_added = None 

    if address_added is None:
        address_form = UserAddressForm()
    else:
        address_form = None

    if new_order.status == "Finished":
        #cart.delete()
        del request.session['cart_id']
        del request.session['items_total']
        return redirect(reverse("cart"))


    context = {"address_form": address_form, "cart": cart}
    template = "orders/checkout.html"
    return render(request, template, context)

Мои urls.py:

path('ajax/add_user_address', accounts_views.add_user_address, name='ajax_add_user_address'),

Мой заказ. html: 

<form method="POST" action="{% url 'ajax_add_user_address' %}?redirect=checkout">
    {% csrf_token %}
    <fieldset class="form-group">   
        {{ address_form|crispy }}
    </fieldset>
    <div class="form-group">
        <button class="btn btn-outline-dark" type="submit">Place Order</button>
    </div>
</form>

1 Ответ

1 голос
/ 18 апреля 2020

Я бы лично разделил их на два представления, потому что они делают разные вещи.

Но, если вы хотите сохранить это так, вы можете сделать следующее:

Сначала все, потому что вы делаете запрос AJAX, вы должны вернуть объект JsonResponse.

По вашему мнению, вы можете отобразить извлечение. html и передать его как переменную контекста в ваш ответ json : 

def add_user_address(request):
   ...

   data = dict()
   context = {
       'address_form': form,
       ...
   }

   data['html_form'] = render_to_string("checkout.html",
                                        context,
                                        request=request)
   return JsonResponse(data)

И в вашей функции успеха $.ajax вы можете сделать следующее 

success: function(data) {
  // console.log(data);
  $("div-to-replace-html").html(data.html_form);

}
...