htmx 让您可以直接在HTML中使用AJAX、CSS过渡效果、WebSockets和服务器发送事件等特性,通过属性的方式,您可以用超文本的简洁性和强大功能构建现代用户界面
htmx 体积小(约14k min.gz)、无依赖、可扩展,与React相比减少了67%的代码量
通过消除这些限制,htmx 完善了HTML作为超文本的能力
<script src="https://unpkg.com/htmx.org@2.0.6/dist/htmx.min.js"></script>
<!-- 让按钮通过AJAX POST点击事件 -->
<button hx-post="/clicked" hx-swap="outerHTML">
点击我
</button>
这个按钮上的hx-post
和hx-swap
属性告诉htmx:
"当用户点击此按钮时,向/clicked发送AJAX请求,并用HTML响应替换整个按钮"
htmx 是intercooler.js的继承者
阅读文档介绍获取更深入的...介绍。
请注意htmx 2.x已放弃对IE的支持。如果您需要IE支持,可以使用1.x版本代码,该版本将永久支持。
我们很高兴地宣布发布《Hypermedia Systems》,这是一本关于如何使用htmx等工具构建Hypermedia 驱动应用的书籍:
可以通过GitHub赞助支持htmx开发
感谢所有支持者,包括: