HTMX 动态加载演示

HTMX 基础

• hx-get - GET请求
• hx-post - POST请求
• hx-target - 目标元素
• hx-swap - 替换方式
• hx-indicator - 加载指示器

提交结果

搜索特性

• 实时搜索
• 防抖动延迟
• 加载指示器
• 动态结果

无限滚动

滚动到页面底部自动加载更多内容，提供流畅的用户体验。

聊天机器人

这是一个使用HTMX实现的简单聊天界面。发送消息会得到自动回复。

投票统计

点击选项进行投票，结果将实时更新。每个用户只能投票一次。