Htmx 使html 也可以发送请求

一个网页 JS 库，可以让任何一个网页元素发出 HTTP 请求，并且可以局部更新该元素；

文档地址：https://htmx.org/docs/#introduction

<script src="https://unpkg.com/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"></script>

#npm 安装
npm install htmx.org

这就是一个名为HTMx的新HTML扩展进入并闪耀的地方。HTMx为传统的HTML站点提供了更多的交互性，同时保持简单，因为它允许您从任何HTML元素发出请求，而不仅仅是和标签。但这并不是HTMx的唯一好处。其他好处包括：<a>``<form>

• 使在 HTML 中执行部分页面重新加载成为可能
• 除了 GET 和 POST 之外，还支持 PUT 和 DELETE 方法
• 不限于仅点击和提交事件触发器
• 轻量级设置 – 无需安装其他依赖项即可使其正常工作

<input type="text" name="q"
    hx-get="/trigger_delay"
    hx-trigger="keyup changed delay:500ms"
    hx-target="#search-results"
    placeholder="Search..."
>
<div id="search-results"></div>

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

---

若有帮助到您，欢迎捐赠支持，您的支持是对我坚持最好的肯定(^_)