hx-get

hx-get 属性を使用すると、要素が指定された URL に対して GET を発行し、HTML をスワップ戦略を使用して DOM 内に入れ替えます。

  <button hx-get="/example">Get Some HTML</button>

この例では、button が /example に対して GET を発行し、返された HTML を button の innerHTML に入れ替えます。

注

  • hx-get は継承されません。
  • 既定では hx-get はパラメーターを含みません。このパラメーターを変更するには hx-params 属性を使用できます。
  • hx-target 属性を使用して、スワップのターゲットを制御できます。
  • hx-swap 属性を使用して、スワップ戦略を制御できます。
  • hx-trigger 属性を使用して、リクエストをトリガーするイベントを制御できます。
  • リクエストを送信するデータをさまざまな方法で制御できます。詳細はこちら:パラメーター
  • 空の hx-get:"" は現在の URL に GET リクエストを作成し、現在の HTML ページを入れ替えます。