hx-get — HTMX

hx-get mengirim GET request saat elemen di-trigger. Dasar Load Data Secara default, response HTML akan menggantikan innerHTML dari elemen yang men-trigger reque

hx-get mengirim GET request saat elemen di-trigger.

Dasar

<button hx-get="/api/data">Load Data</button>

Secara default, response HTML akan menggantikan innerHTML dari elemen yang men-trigger request.

Dengan Target

<button hx-get="/api/users" hx-target="#user-list">
  Load Users
</button>
<div id="user-list"><!-- response masuk di sini --></div>

Response dari Server

Server harus mengembalikan HTML fragment, bukan JSON:

<!-- Response dari /api/users -->
<ul>
  <li>Andi</li>
  <li>Budi</li>
</ul>

Ini adalah perbedaan fundamental dengan SPA — server mengirim HTML, bukan data.

Yang akan kamu pelajari