htmx tauscht Teile der Seite aus, ohne dass du JavaScript schreibst. Du beschreibst das Verhalten mit Attributen im HTML.
html
<input type="search" name="q" placeholder="Suchen ..."
hx-get="/tabelle"
hx-trigger="input changed delay:300ms, search"
hx-target="#tabelle">
| Attribut | Bedeutung |
|---|---|
hx-get, hx-post |
Welche Adresse bei einem Ereignis aufgerufen wird |
hx-trigger |
Wann: click, input, submit, load, mit Zusätzen wie changed und delay:300ms |
hx-target |
Welches Element den Antworttext bekommt (CSS-Selektor, z. B. #tabelle) |
hx-swap |
Wie eingefügt wird: innerHTML (Standard), outerHTML, beforeend |
hx-include |
Weitere Formularfelder mitsenden |
Die Antwort des Servers ist ein Stück HTML (nur die Zeilen), das htmx an der Zielstelle einsetzt.