如何将变量包含在hx-vals中？

Question

我有一个用于搜索的输入标签。

<input id="keyword" type="search" name="keyword" th:value="${keyword}">

现在我在 div 中有一个 hx-get 。

 <div hx-trigger="load, every 15s" 
     hx-get="/user-list" hx-vals='{"keyword":"admin"'
      hx-target="this"></div>

生成的网址：

/user-list?keyword=admin

这是有效的，因为关键字的值是静态的。 但是当我尝试将

keyword

变量传递给 hx-vals 时，它不会生成参数。

<div hx-trigger="load, every 15s" 
     hx-get="/user-list" hx-vals='{"keyword":${keyword}}'
      hx-target="this"></div>

生成的网址：

/user-list

我的问题是，如何正确地将变量添加到hx-vals的值中？

更新：

我试过了，但还是不行

<div hx-trigger="load, every 15s" hx-get="/user-list" 
hx-vals='js:{"keyword":htmx.values(htmx.find("#keyword"))}'
      hx-target="this"></div>

Answer 1

如果您只是想包含 html 标签的值，您可以使用更简单的方法

hx-include

:

<div hx-trigger="load, every 15s" 
    hx-get="/user-list" 
    hx-include="#keyword" 
     hx-target="this">
</div>