对话框

对话框可以使用 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>

🔗演示