hx-targetって何?

HTMXを使っています。調べたメモです。

hx-target は、サーバーからのレスポンスを挿入する要素を指定できます。指定する際、CSSセレクタで書きます。以下が具体例です。

<input type="text" name="q"
       hx-get="/search"
       hx-trigger="keyup changed delay:300ms"
       hx-target="#search-results">

<div id="search-results"></div>

この例では入力欄にタイプするたびに /search へリクエストが飛び、返ってきたHTMLが #search-results に入ります。hx-target を省略した場合は、リクエストを発行した要素自身がターゲットになります。

公式ドキュメントは以下です。

https://htmx.org/attributes/hx-target

類似投稿

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です