Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.
Requests can be triggered in different ways.
The default is click, but you can fire a request on any browser-generated event, like mouseenter or keyup or even a specific keypress.
You do that using hx-trigger:
<button
hx-get='/data'
hx-swap='innerHTML'
hx-target='#data'
hx-trigger='mouseenter'>
Load fresh data
</button>
It doesn’t have to be an event.
htmx offers other ways to fire events, like polling. Use every 5s to fire a GET request every 5 seconds: hx-trigger='every 5s'
Or use load to load just once after 10 seconds: hx-trigger='load delay:10s'