做网页局部更新用这Skill理HTMX

帮你用 HTMX 构建无需写 JavaScript 的动态网页。

htmx 是用 HTML 属性组织网页交互的 Skill。它声明何时发请求、把返回片段放在哪个位置,并处理局部替换和地址历史,减少手写交互脚本。

按钮请求成功以后,服务器通常返回需要更新的 HTML 片段;目标容器和替换方式必须匹配。接口名里有 api,不代表该交互应该接一段 JSON 就自动显示。

错误状态要单独验证,hx-swap 并不会自动让所有4xx、5xx响应显示出来,还要核当前版本的响应处理规则。前端确认框也不是权限校验,服务器仍需验证输入与操作资格。

适合服务端页面需要局部动态更新的项目。本文未改界面,运行时规则未实时核;缓存片段要考虑账户与状态,减少 JavaScript 不等于没有客户端行为或不需要加载、失败和键盘检查。

分类:编程开发

来源仓库:mindrally/skills

适合用来做什么

  • 如何使用 HTMX 构建一个动态的搜索功能?
  • 请提供一个使用 HTMX 的动态表单提交示例。

安装 htmx

npx skills add https://www.iskills.cc/skills/mindrally/skills/htmx/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 htmx 的用途与原始说明

浏览全部 Skill 指南