Headers HTMX — HTMX

HTMX menggunakan HTTP headers untuk komunikasi antara client dan server. Request Headers (dikirim HTMX) HX-Request: true — menandai ini request HTMX HX-Target:

HTMX menggunakan HTTP headers untuk komunikasi antara client dan server.

Request Headers (dikirim HTMX)

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");
}

Yang akan kamu pelajari