You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HTMX+Go技术问题:无法从HTML表格通过GET请求传递数据

问题分析与解决方案

问题1:hx-include选择器错误

你当前的hx-include="[employeeNumber='employeeNumber']"是错误的选择器——HTML元素并没有employeeNumber这个属性,你的隐藏输入框用的是name="employeeNumber",所以正确的选择器应该按name属性匹配:[name='employeeNumber']。

修改后的按钮代码:

<button hx-get="/showExternalProfile" hx-target="#externalProfile" hx-params="*" hx-include="[name='employeeNumber']">Anzeigen</button>

另外,由于按钮和隐藏输入框在同一个<div>容器内,也可以简化选择器为closest div input,甚至省略hx-include(因为hx-params="*"会自动包含同一上下文内的表单控件),明确指定选择器会更稳妥。

问题2:路径拼接时的模板变量插值错误

如果尝试把参数拼接到URL路径中,直接写hx-get="/showExternalProfile?employeeNumber={match.Name}"会被templ当成普通字符串处理。templ属性值内的动态变量需要用表达式插值方式生成完整URL,而非直接嵌入字符串。

正确写法如下:

<button hx-get={"/showExternalProfile?employeeNumber=" + match.Name} hx-target="#externalProfile">Anzeigen</button>

这样templ会正确解析match.Name的实际值,将其拼接到URL中,而非传递{match.Name}这个字符串。

后端验证

修改前端后,后端的r.URL.Query().Get("employeeNumber")即可正确获取参数值。如果仍有问题,可以在后端打印完整请求参数排查:

fmt.Println(r.URL.Query()) // 查看所有请求参数,确认是否传递成功

内容的提问来源于stack exchange,提问作者Sebi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 06:35:01