Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle

hx-pod

Content provided by Lazarus. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Lazarus or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

2M ago 10:58

MP3•Episode home

Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)

HX-Trigger - as soon as response received
HX-Trigger-After-Swap - after new html is swapped in
HX-Trigger-After-Settle - after new html is settled and processed by browser

single event
HX-Trigger:event
multiple events
HX-Trigger:event1, event2
single event with value
HX-Trigger:{“event1”:”event 1 message”}
single events with key/value data
HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}
multiple events with key/value data
HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}

71 episodes

#Tech #Podcasting Education #Lazarus