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

05/06/2024 10 min Temporada 3 Episodio 14
Htmx response headers: HX-Trigger, HX-Trigger-After-Swap, HX-Trigger-After-Settle

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

Episode Synopsis


Use this response header to send event trigers to ANY client side browser event (javascript, htmx, custom, etc)HX-Trigger - as soon as response receivedHX-Trigger-After-Swap - after new html is swapped inHX-Trigger-After-Settle - after new html is settled and processed by browsersingle eventHX-Trigger:eventmultiple eventsHX-Trigger:event1, event2 single event with valueHX-Trigger:{“event1”:”event 1 message”} single events with key/value dataHX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}}multiple events with key/value data HX-Trigger:{“event1:{“key1”:”value1,”key2:”value2”}, “event2”:{“key1”:”value1,”key2:”value2”}}