Всех приветствую!
Пишу небольшой интернет-магазин. Возникла необходимость сохранять выбранные товары посетителем в LocalStorage, а затем при помощи Ajax запроса кидать его во view Django и отображать пользователю для создания заказа.
Суть вопроса: Ajax запрос выполняется, передает функции view данные. Но в шаблон ничего не возвращается. (в коде много принтую и вывожу в консоль для контроля).
-views.py-
@csrf_exempt
def get_data(request):
context = {}
print('----function get_data IN----')
local_storage = request.POST.get('cart')
print('----', type(local_storage))
print('----', local_storage)
if local_storage:
d = json.loads(local_storage)
print('----', type(d))
print('->', d)
ids = []
for i in d:
print('id: ', i['prod_id'])
ids.append(i['prod_id'])
products = Product.objects.filter(id__in=ids)
print('products: ', products)
context = {"products": products}
template = loader.get_template('cart/detail.html')
return HttpResponse(template.render(context))
def cart_detail(request):
print('---function cart_detail IN----')
return render(request, 'cart/detail.html')
-cart.js-
function fullCart(){
if (localStorage['cart'] != ""){
console.log('data: '+localStorage['cart'])
$.ajax({
type: "POST",
url: "get_cart/",
data: {
'cart': localStorage['cart'],
},
success: function (data){
console.log('DATA sended to Server')
}
})
}
}
-urls.py-
urlpatterns = [
path('', views.cart_detail, name='cart_detail'),
path('get_data/', views.get_data, name='get_data'),]
После подсказки - добавил 2 URL и 2 VIEW соответственно: один отображает шаблон, второй обрабатывает AJAX и отправляет в шаблон данные.
Но в шаблоне по прежнему ничего нет.
{% extends 'main/base.html' %}
{% block title %}
Корзина с покупками
{% endblock %}
{% block content %}
{% load static %}
<section class="checkout-page">
<div class="container">
<div class="heading-sub">
<h3 class="pull-left">Корзина</h3>
<div class="clearfix"></div>
</div>
<ul class="breadcrumb">
<li><a class="active">01. Ваша корзина</a></li>
<li><a>02. Оформление</a></li>
<li><a>03. Потдверждение</a></li>
</ul>
<div class="checkout-cart-form">
<div class="row">
<div class="col-md-8 col-sm-12">
<table class="table">
<thead>
<tr>
<th scope="col">Фото</th>
<th scope="col">Наименование</th>
<th scope="col">Цена</th>
<th scope="col" colspan="2">Количество</th>
<th scope="col">ИТОГ</th>
<th scope="col">-</th>
</tr>
</thead>
<tbody>
{% for product in products %}
<tr>
<th>
<a href="{% url 'shop:one-product' product.id %}">
<img src="" alt="{{ product.title }}" class="img-responsive" style="width: 75px; height: 75px;">
</a>
</th>
<td class="cart_prod">
<a href="{% url 'shop:one-product' product.id %}">
{{ product.title }}
</a>
</td>
<td class="cart_prod">
<p class="price">{{ product.price }} ₽</p>
</td>
<td class="cart_prod">
<button onclick="javascript:minusQty({{ product.id }});" type="button" class="btn btn-outline-secondary quantity-left-minus">-</button>
<input class="qty-card" type="text" name="quantity" value="1">
<button onclick="javascript:plusQty({{ product.id }});" type="button" class="btn btn-outline-secondary quantity-right-plus">+</button>
</td>
<td class="cart_prod form-inline">
<button id="{{ product.id }}" type="button" role="button" class="link-ver1 addcart-ver2" onclick="javascript:addToCart({{i.id}}, {{ i.price }});">
<span class="icon"></span>В корзину
</button>
</td>
<td class="cart_prod">
<p class="price">
Итоговая ₽
</p>
</td>
<td class="cart_prod">
<form action="#" method="POST">
<input type='image' src="{% static 'cart/img/remove.png' %}" alt="Удалить" style="width: 20px; height:20px; border: 0;">
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</section>
{% endblock %}