如何在 Django 中正确识别多个图像按钮的点击事件-html教程-PHP中文网

如何在 Django 中正确识别多个图像按钮的点击事件

Django 表单中使用时，需为每个按钮显式设置 name 属性，否则后端无法通过 request.POST.get() 区分触发源；仅靠 value 属性无效。

django 表单中使用 `` 时，需为每个按钮显式设置 `name` 属性，否则后端无法通过 `request.post.get()` 区分触发源；仅靠 `value` 属性无效。

在 Django Web 开发中，图像按钮（）常用于美化提交操作（如 ✅ 接受 / ❌ 拒绝），但一个常见误区是认为 value 属性会作为键名出现在 POST 数据中。实际上，浏览器对图像按钮的提交行为有特殊规范：当用户点击时，浏览器会发送形如 name_x 和 name_y 的坐标参数（例如 accept_x=123&accept_y=45），而非 name=value。因此，Django 后端能否识别具体哪个按钮被点击，完全取决于是否设置了 name 属性。

✅ 正确写法（前端）：

⚠️ 注意：

Django

避免常见的 Django 错误——QuerySet 评估、N+1 查询、迁移冲突和 ORM 陷阱。

下载

name 属性必须唯一且显式声明，value 属性在此场景下被忽略；
图像按钮无需 value，其作用本质是“以 name 为标识的提交触发器”；
浏览器会自动提交 name_x 和 name_y（如 accept_x=52&accept_y=31），因此 request.POST.get('accept') 在 Django 中会返回非空字符串（通常是 ' ' 或坐标值），可安全用于条件判断。

✅ 后端逻辑（视图中）：

if request.method == "POST":
    if 'accept' in request.POST:  # 推荐：检查 key 是否存在（更健壮）
        return render(request, "main/calender-page.html", {})
    elif 'decline' in request.POST:
        return render(request, "main/account-page.html", {})
    # 可选：处理意外提交
    else:
        return HttpResponseBadRequest("Unknown action")

? 进阶建议：