Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
Consider this button:
<button hx-get="/data"
hx-target="#data">
Load fresh data
</button>
<div id="data"></div>When you click the button, any HTML returned from the GET /data HTTP request will be put inside the element that matches the selector #data (in this example our <div id="data"></div>).
I’ll use Astro to show a simple example, create a page with
<html lang='en'>
<head>
<script src='https://unpkg.com/htmx.org@1'></script>
</head>
<body>
<button
hx-get='/data'
hx-target='#data'>
Load fresh data
</button>
<div id='data'></div>
</body>
</html>Now create a src/pages/data.astro and in there add
---
export const partial = true
---
<p>test response</p>Clicking the Load fresh data button will insert <p>test response</p> into the #data div.
Note that all is happening without us having to write a single line of JavaScript.
htmx does all the JavaScript for us. We just describe what we want it to do. And it’s pretty flexible, so we can do a lot with it.