hx-vals dan hx-params — HTMX

hx-vals menambahkan nilai ke request, hx-params mengontrol parameter mana yang dikirim. hx-vals (static values) Approve hx-vals (JavaScript) Submit hx-params ..

hx-vals menambahkan nilai ke request, hx-params mengontrol parameter mana yang dikirim.

hx-vals (static values)

<button hx-post="/api/action"
        hx-vals='{"action": "approve", "id": 42}'>
  Approve
</button>

hx-vals (JavaScript)

<button hx-post="/api/action"
        hx-vals="js:{timestamp: Date.now()}">
  Submit
</button>

hx-params

<!-- Hanya kirim parameter tertentu -->
<form hx-post="/api" hx-params="nama,email">
  <input name="nama" />
  <input name="email" />
  <input name="secret" /> <!-- TIDAK dikirim -->
</form>

<!-- Kirim semua kecuali -->
<form hx-post="/api" hx-params="not secret">...</form>

<!-- Tidak kirim parameter apapun -->
<button hx-post="/api" hx-params="none">Action</button>

Yang akan kamu pelajari