Out of Band Swaps — HTMX

Out of Band (OOB) swaps memungkinkan server mengupdate multiple elemen dari satu response. Server Response Item berhasil ditambahkan! 42 items Cara Kerja Respon

Out of Band (OOB) swaps memungkinkan server mengupdate multiple elemen dari satu response.

Server Response

<!-- Response utama (masuk ke hx-target) -->
<div>
  <p>Item berhasil ditambahkan!</p>
</div>

<!-- OOB swap: update counter di tempat lain -->
<span id="item-count" hx-swap-oob="true">42 items</span>

Cara Kerja

  1. Response utama masuk ke hx-target seperti biasa
  2. Elemen dengan hx-swap-oob="true" dicari di halaman berdasarkan id
  3. Elemen tersebut diganti dengan versi baru dari response

OOB Strategy

<div id="notifications" hx-swap-oob="afterbegin">
  <p>Notifikasi baru!</p>
</div>

OOB sangat powerful untuk mengupdate counter, badge, notification — tanpa request terpisah.

Yang akan kamu pelajari