hx-get

hx-get 属性将元素向指定的 URL 发出一个 GET 请求,并使用交换策略将响应的 HTML 交换到 DOM 中:

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

此示例中 button 发出 GET 并将 /example 返回的 HTML 交换到 button 的innerHTML 中。

笔记

  • hx-get不会被继承
  • 默认情况下 hx-get 不包含任何参数。你可以使用 hx-params 属性来更改此设置
  • 你可以使用 hx-target 属性指定交换的目标元素
  • 你可以使用 hx-swap 属性指定交换策略
  • 你可以使用 hx-trigger 属性指定触发请求的事件
  • 你可以通过多种方式控制随请求提交的数据,详情请参见此处:参数
  • 空的 hx-get:"" 将对当前 url 发出 get 请求,并将交换当前 HTML 页面