html - 为什么锚标签上的 HTMX 交换失败？

Question

我正在尝试使用 HTMX 库使锚标记更新我网页的一部分。我开始制作我的锚标签。正在执行 GET 请求，但是 html 交换失败。不是交换目标元素的内容，而是将整个结果显示在视口中。我该如何解决这个问题，以便当我单击我的锚标记时，响应的内容会在具有生成器 ID 的元素中交换？

score 2 · Accepted Answer

hx-boost="true"如果您不想执行提升请求，请删除该属性并将href属性替换为hx-get. 提升请求也会更新浏览器历史记录，也许您的开发环境中的某些东西会干扰它，并将浏览器转发到部分的 URL 端点。

此外，hx-vals必须是JSON.parse使用引号的有效 JSON 字符串（输入）。您还必须在周围加上引号{{ value }}：

<a hx-get="{% ... %}"
   hx-target="#generator"
   hx-swap="innerHTML"
   hx-vals='{"report_name": "{{ value }}"}'
> {{ value }}</a>

1 回答 1