django ajax向视图发布重复值

Question

我试图将HTML项目的值（项目的ID）发布到视图中，以便可以将项目添加到购物车中，但是它始终将Django {％for％}打印的最后一个项目的值张贴 值不同

尽管HTML消息来源说，这里的

 <div class="container">
    <div class="row row-cols-2 row-cols-md-3" data-masonry='{"percentPosition": true }'>
        {% for product in products %}
            <div class="col mb-4">
                <div class="card h-100">
                    {% if product.image %}
                        <img src="{{ product.image.url }}" class="card-img-top" alt="{{ product.description }}">
                    {% endif %}
                    <div class="card-body">
                        <h5 class="card-title">{{ product.name }}</h5>
                        <p class="card-text">{{ product.description|slice:":100" }}...</p>
                        <p class="card-text">${{ product.price }}</p>
                        <p>
                            <a class="btn btn-dark gap-2 mb-1" href="{{ product.get_absolute_url }}">View Item</a>
                            <button class="btn btn-outline-success" id="add-to-cart" value="{{ product.id }}">Add to Cart</button>
                        </p>
                        {% if product.in_stock == False %}
                        <p>
                            Item is currently out of stock
                        </p>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>

是我的html ，这是

$(document).on('click', '#add-to-cart', function(e) {
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url: '{% url "add_to_cart" %}',
        data: {
            productid: $('#add-to-cart').val(),
            csrfmiddlewaretoken: '{{ csrf_token }}',
            action: 'post'
        },
        success: function(json){

        },
        error: function(xhr, errmsg, err) {

        }
    });
})

我的观点

def CartAddView(request):
cart = Cart(request)
if request.POST.get('action') == 'post':
    product_id = int(request.POST.get('productid'))
    product = get_object_or_404(Product, id=product_id)
    cart.add(product=product)
    response =JsonResponse({
        'price': product.price,
        'id': product.id, (here the id returned is always the id of the last element printed by the loop)
    })
    return response

，但我试图制作一个产品详细信息页面，当我调用ajax时，它的工作原理非常完美

Answer 1

当表单提交和查看返回响应页面将重新加载同一页面并再次致电帖子时，我使用

1. 创建新路线进行修复，但呈现同一页面（如果您想呈现同一页面）
2. 更改API返回返回httpresponserectirect（ 'url new'）
   审查：

def CartAddView(request):
cart = Cart(request)
if request.POST.get('action') == 'post':
    product_id = int(request.POST.get('productid'))
    product = get_object_or_404(Product, id=product_id)
    cart.add(product=product)
    response =JsonResponse({
        'price': product.price,
        'id': product.id, (here the id returned is always the id of the last element printed by the loop)
    })
    return HttpResponseRedirect('url')