對話框

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

🔗示範