Go offline with the Player FM app!
Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle
Manage episode 422070688 series 3550795
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
Manage episode 422070688 series 3550795
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
All episodes
×Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.