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
相关产品推荐
相关产品推荐

