htmx 让您直接在 HTML 中使用 属性 访问 AJAX、CSS 过渡、WebSockets 和 服务器发送事件, 从而使用超文本的 简洁性 和 威力 构建 现代用户界面
htmx 体积小(~14k min.gz’d), 无依赖, 可扩展 并且与 React 相比,代码库大小减少了 67%
<a> 和 <form> 才能发起 HTTP 请求?click 和 submit 事件才能触发它们?GET 和 POST 方法是 可用的?通过移除这些限制,htmx 完善了 HTML 作为 超文本 的功能
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js"></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 支持
感谢所有慷慨的 支持者,包括: