对话框

对话框可以由 hx-prompt 和 hx-confirm 属性触发,由用户行为触发这些对话框后可以触发 AJAX 请求,而且这些请求只会在对话框处于确认状态才会被触发。

<div>
  <button class="btn primary"
          hx-post="/submit"
          hx-prompt="Enter a string"
          hx-confirm="Are you sure?"
          hx-target="#response">
    Prompt Submission
  </button>
  <div id="response"></div>
</div>

由用户在对话框触发的值会通过 HX-Prompt 头传递到服务器。这样服务器可以回显用户的选择产生的值。

User entered <i>${response}</i>
Server Requests ↑ Show

演示