hx-post — HTMX

hx-post mengirim POST request — biasanya untuk mengirim data ke server. Form Submit Simpan HTMX otomatis mengambil semua form values dan mengirimnya sebagai req

hx-post mengirim POST request — biasanya untuk mengirim data ke server.

Form Submit

<form hx-post="/api/contacts" hx-target="#result">
  <input name="nama" placeholder="Nama" />
  <input name="email" placeholder="Email" />
  <button type="submit">Simpan</button>
</form>
<div id="result"></div>

HTMX otomatis mengambil semua form values dan mengirimnya sebagai request body.

Non-form Element

<button hx-post="/api/like" hx-vals='{"postId": 123}'>
  Like
</button>

Method Lainnya

<button hx-put="/api/users/1">Update</button>
<button hx-patch="/api/users/1">Patch</button>
<button hx-delete="/api/users/1">Hapus</button>

Yang akan kamu pelajari