Latihan 1 dari materi hx-vals dan hx-params di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <button hx-target="#result">Approve</button> dan <div id="result">. Biarkan hx-target dan #result, lalu di tombol yang sama:
hx-post="/api/action".hx-vals='{"action": "approve", "id": 42}', dengan kutip satu di luar dan kutip dua di dalam. Body-nya jadi action=approve&id=42.Yang dicek:
<button> punya hx-post persis /api/action.hx-vals di <button> berisi JSON berkutip dua: dimulai {, dengan "action", "approve", "id", dan 42.<button> punya hx-target yang gak kosong, dan id yang ditunjuknya benar-benar ada (#result).hx-vals dan hx-post di luar komentar.JSON berkutip satu, {'action': 'approve'}, gak valid: htmx berhenti dan request-nya gak dikirim. Di pratinjau, klik mengirim POST /api/action dengan body action=approve&id=42, yang dijawab 404 karena belum ada contoh balasan.
