HTMX menggunakan HTTP headers untuk komunikasi antara client dan server.
Request Headers (dikirim HTMX)
HX-Request: true— menandai ini request HTMXHX-Target: #element-id— target elemenHX-Trigger: button-id— elemen yang memicu requestHX-Current-URL— URL halaman saat ini
Response Headers (dari server)
HX-Trigger: showNotification
HX-Redirect: /dashboard
HX-Refresh: true
HX-Retarget: #other-element
HX-Reswap: outerHTML
Contoh di Laravel
return response("<p>Berhasil!</p>")
->header("HX-Trigger", "itemAdded")
->header("HX-Retarget", "#notification");
Cek di Server
if ($request->header("HX-Request")) {
return view("partials.content");
} else {
return view("full-page");
}