Django视图无法接收HTML表单POST数据问题求助

提交HTML表单的POST请求后，在Django的add_cart视图中仅能获取到csrf_token，无法获取表单中color、size等字段的键值对，希望能正确接收每个字段的键与对应值。相关代码如下：

HTML文件代码 #

<form action="{% url 'add_cart' single_product.id%}" method = "POST">
    {% csrf_token%}
        <article class="content-body">

        <h2 class="title">{{single_product.product_name}}</h2>

        <div class="mb-3"> 
            <var class="price h4">{{single_product.price}} BDT</var> 
        </div> 

        <p>{{single_product.description}}</p>


        <hr>
            <div class="row">
                <div class="item-option-select">
                    <h6>Choose Color</h6>

                    <select name="color" class="form-control" required>
                        <option value="" disabled selected>Select</option>
                        {% for i in single_product.variation_set.colors %}
                        <option value="{{ i.variation_value | lower }}">{{ i.variation_value | capfirst }}</option>
                        {% endfor %}
                    </select>
                    
                </div>
            </div> <!-- row.// -->
            <div class="row">
                <div class="item-option-select">
                    <h6>Select Size</h6>
                    <select name="size" class="form-control">
                        <option value="" disabled selected>Select</option>
                        {% for i in single_product.variation_set.sizes %}
                        <option value="{{ i.variation_value | lower }}">{{ i.variation_value | capfirst }}</option>
                        {% endfor %}
                    </select>

                    </select>
                </div>
            </div> <!-- row.// -->
            <hr>
            {% if single_product.stock <= 0 %}
                <h5>Out of stock </h5>
                
            {% else %}
                {% if in_cart%}
                    <a class="btn  btn-success"> <span class="text"> Added to Cart</span> <i class="fas fa-check"></i>  </a>
                    <a href="{% url 'cart'%}" class="btn  btn-outline-primary"> <span class="text">View Cart</span> <i class="fas fa-eye"></i>  </a>

                {% else %}
                    <button type = "submit" class="btn  btn-primary"> <span class="text">Add to cart</span> <i class="fas fa-shopping-cart"></i>  </button>
                {% endif %}
            {% endif %}

            </article> <!-- product-info-aside .// -->
</form>

视图代码 #

def add_cart(request,product_id):
    product = Product.objects.get(id =product_id )
    
    if request.method == 'POST':
        # product_variation = []
        for item in request.POST:
            key = item
            value = request.POST[key]
            return HttpResponse(key+''+value)

问题原因 #

你的视图代码在循环request.POST的第一个元素时就直接执行了return，导致函数立刻终止，只返回第一个键值对（也就是csrfmiddlewaretoken），后续的color、size字段根本没机会被处理。同时你的HTML代码中，size选择框后面多了一个无效的</select>标签，可能干扰表单解析。

解决方案 #

1. 修复HTML表单的无效标签

删除size选择框后多余的</select>标签，修改后的代码片段：

<div class="row">
    <div class="item-option-select">
        <h6>Select Size</h6>
        <select name="size" class="form-control">
            <option value="" disabled selected>Select</option>
            {% for i in single_product.variation_set.sizes %}
            <option value="{{ i.variation_value | lower }}">{{ i.variation_value | capfirst }}</option>
            {% endfor %}
        </select>
        <!-- 移除下面这个多余的闭合标签 -->
        <!-- </select> -->
    </div>
</div> <!-- row.// -->

2. 修改视图代码获取完整POST数据

有两种常用方式：

• 方式一：遍历所有POST数据（排除csrf_token）

def add_cart(request, product_id):
    product = Product.objects.get(id=product_id)
    
    if request.method == 'POST':
        post_data = {}
        # 遍历所有POST键值对，跳过csrf_token
        for key, value in request.POST.items():
            if key != 'csrfmiddlewaretoken':
                post_data[key] = value
        # 这里可以根据业务需求处理数据，示例返回所有有效字段
        return HttpResponse(f"获取到的表单数据: {post_data}")

• 方式二：直接获取指定字段（更简洁）

def add_cart(request, product_id):
    product = Product.objects.get(id=product_id)
    
    if request.method == 'POST':
        # 直接通过字段名获取值，get方法可以设置默认值避免KeyError
        color = request.POST.get('color', '')
        size = request.POST.get('size', '')
        # 后续可对color和size进行业务处理
        return HttpResponse(f"颜色: {color}, 尺寸: {size}")

内容的提问来源于stack exchange，提问作者Md Nazmul Hossain