htmx 让你可以直接在 HTML 中使用 AJAX、CSS 过渡、WebSockets 和 服务器推送事件,通过 属性 构建 现代用户界面,结合 简单性 和 超文本的强大功能。
htmx 体积小(~14k min.gz’d),无依赖,可扩展,并且与 react 相比,减少 了 67% 的代码量。
<a>
和 <form>
可以发起 HTTP 请求?click
和 submit
事件可以触发它们?GET
和 POST
方法是 可用的?通过消除这些限制,htmx 补全了 HTML 作为一种 超文本 的功能。
<script src="https://unpkg.com/htmx.org@2.0.2"></script>
<!-- 使用 AJAX 通过按钮发送点击事件 -->
<button hx-post="/clicked" hx-swap="outerHTML">
点击我
</button>
这个按钮上的 hx-post
和 hx-swap
属性告诉 htmx:
“当用户点击这个按钮时,发送一个 AJAX 请求到 /clicked,并用 HTML 响应替换整个按钮”
htmx 是 intercooler.js 的继承者。
阅读 文档介绍 获取更深入的… 介绍。
请注意,htmx 2.x 已不再支持 IE。如果你需要 IE 支持,可以使用 1.x 版本,该版本将会永久支持。
我们很高兴地宣布发布 超媒体系统,这是一本关于如何使用 htmx 和其他工具构建 超媒体驱动应用程序 的书籍:
htmx 的开发可以通过 GitHub 赞助商 进行支持。
感谢我们所有慷慨的 支持者,包括: