Repolode
bigskysoftware

bigskysoftware/htmx

htmx 通过 HTML 属性直接发起 AJAX、WebSocket 和 Server-Sent Events 请求并局部更新页面,无需编写自定义 JavaScript。

Star
49,579
Fork
1,694
未关闭 Issue
303
最近提交
3天前

这是什么?

htmx 扩展了 HTML 的能力,让任意元素都可以发起 HTTP 请求、响应任意事件,并用服务器返回的内容替换页面的任意部分。行为通过 hx-post、hx-swap 等属性声明,服务端只需返回 HTML 片段即可实现交互界面。

库本身体积小且没有依赖,可通过官方扩展进一步增强。它还支持 CSS 过渡动画,以及 WebSocket 和 SSE 连接,无需客户端框架即可实现常见的实时界面效果。

htmx 是 intercooler.js 的后继项目,可通过 htmx.org npm 包安装,也可以用 CDN 脚本引入。

核心功能

  • 01通过 hx-get、hx-post 等属性,从任意元素发起 AJAX 请求。
  • 02借助可配置的替换策略,将响应内容更新到页面的任意位置。
  • 03可由任意 DOM 事件触发请求,不局限于点击和提交。
  • 04在 HTML 中直接使用 WebSocket 和 Server-Sent Events。
  • 05无依赖且体积小,一个 script 标签即可引入。
  • 06可通过官方扩展机制增强功能。

适用场景

  • 在服务端渲染的 Web 应用中加入行内编辑、实时搜索等交互。
  • 通过 WebSocket 或 SSE 推送更新,构建实时仪表盘。
  • 在不改写为单页应用的前提下,对现有多页网站进行渐进式增强。

标签

常见问题

htmx 是什么?
htmx 通过 HTML 属性直接发起 AJAX、WebSocket 和 Server-Sent Events 请求并局部更新页面,无需编写自定义 JavaScript。 htmx 扩展了 HTML 的能力,让任意元素都可以发起 HTTP 请求、响应任意事件,并用服务器返回的内容替换页面的任意部分。行为通过 hx-post、hx-swap 等属性声明,服务端只需返回 HTML 片段即可实现交互界面。
htmx 可以免费使用吗?用的什么许可证?
htmx 以 Other 许可证开源。用于商业产品前,请先确认许可证条款。
htmx 还在维护吗?
活跃维护中。htmx 最近一次提交是在 2026年10月15日。
htmx 适合用来做什么?
在服务端渲染的 Web 应用中加入行内编辑、实时搜索等交互。 通过 WebSocket 或 SSE 推送更新,构建实时仪表盘。 在不改写为单页应用的前提下,对现有多页网站进行渐进式增强。
在哪里获取 htmx?
源代码和安装说明在 GitHub 上:https://github.com/bigskysoftware/htmx

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目