</> htmx _{強大的 HTML 工具}

簡介

htmx 讓您可以直接在 HTML 中使用 AJAX、CSS 過渡效果、WebSockets 和 伺服器發送事件 (Server Sent Events)，並使用 屬性，讓您能以超文本的簡單性和力量建立現代化的使用者介面

htmx 體積小 (~14k 壓縮後), 沒有依賴關係, 可擴展 & 與 React 相比，程式碼庫大小減少了 67%

動機

• 為什麼只有 <a> 和 <form> 才能發出 HTTP 請求？
• 為什麼只有 click 和 submit 事件才能觸發它們？
• 為什麼只有 GET 和 POST 方法是可用的？
• 為什麼只能替換整個畫面？

透過移除這些限制，htmx 完成了 HTML 作為一個超文本的功能

快速開始

  <script src="https://unpkg.com/htmx.org@2.0.3"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

這個按鈕上的 hx-post 和 hx-swap 屬性會告訴 htmx

「當使用者點擊這個按鈕時，向 /clicked 發出 AJAX 請求，並用 HTML 回應取代整個按鈕」

htmx 是 intercooler.js 的後繼者

閱讀文件簡介以獲得更深入的… 介紹。

請注意，htmx 2.x 已停止支援 IE。如果您需要 IE 支援，可以使用 1.x 版本線，該版本將永久支援。

書籍

我們很高興宣布 Hypermedia Systems 的發行，這是一本關於如何使用 htmx 等工具建構超媒體驅動應用程式的書籍

贊助商

htmx 的開發可以透過 GitHub Sponsors 贊助

感謝所有慷慨的支持者，包括

白金贊助商

#黃金贊助商

#白銀贊助商