Django项目中如何通过POST方法将HTML选中行关联数据传入views.py

• a标签的href触发的是浏览器默认GET跳转，即使给a标签加了name、value属性，浏览器也不会把这些属性值塞进POST请求体，从根本上没法满足POST传参的要求
• 模板循环里所有行的标题、上传日期元素都用了相同的id、name，既不符合HTML规范，也没法精准获取到当前选中行的对应数据
• 跨站请求校验的{% csrf_token %}放在外层公共容器里，无法匹配行内请求的校验规则，很容易触发403错误

前端页面调整 #

不用额外写复杂的JS逻辑，把每一行的Open按钮从a标签替换成绑定当前行数据的独立行内表单，靠原生HTML就能实现POST传参，参考代码如下：

<div class="row">
  {% for folder in folder_list %}
    <!-- 每一行对应一个独立表单，避免不同行的数据互相串值 -->
    <form method="POST" action="{% url 'view_gallery' %}">
      {% csrf_token %}
      <p>Folder title: <span>{{ folder.title }}</span></p>
      <p>Date upload: <span>{{ folder.date_upload }}</span></p>
      <!-- 把需要传递给后端的行数据做成隐藏input，值直接绑定当前循环的行对象 -->
      <input type="hidden" name="idd" value="{{ folder.id }}">
      <input type="hidden" name="title" value="{{ folder.title }}">
      <input type="hidden" name="date_upload" value="{{ folder.date_upload }}">
      <!-- 把a标签替换为提交按钮，通过内联样式复刻原a标签的视觉效果 -->
      <button 
        type="submit" 
        style="cursor: pointer; background: none; border: none; color: #007bff; text-decoration: underline; padding: 0;"
      >
        Open
      </button>
    </form>
  {% endfor %}
</div>

• 展示用的文本标签不需要重复设置id和name，所有传参全部通过隐藏input携带，点哪一行的Open，就只会提交哪一行表单里的参数，不会出现不同行数据串值的问题

后端视图调整 #

现有视图没有处理GET请求的分支，直接访问对应URL时会报错，补全边界判断和兜底逻辑即可：

@login_required(login_url='log_permission')
def view_gallery(request):
    if request.method == 'POST':
       idd = request.POST.get('idd')
       # 增加非空校验，避免非法请求触发数据库查询错误
       if not idd:
           return redirect('sample页面对应的路由别名')
       image = gallery_photos.objects.filter(gallery_info_id=idd)
       data = {'photos': image} 
       return render(request, 'view_gallery.html', data) 
    # 增加GET请求兜底逻辑，无参访问时跳回列表页
    return redirect('sample页面对应的路由别名')

可选优化：如果觉得调整按钮样式麻烦，也可以用少量JS代码给a标签绑定点击事件，动态构造FormData发起POST请求，逻辑和行内表单完全一致，但原生表单方案无额外JS依赖，长期维护成本更低。

内容的提问来源于stack exchange，提问作者Marie Loise