It’s important to note that in any request sent using htmx we have access, server-side, to a number of HTTP headers we can use.
We’ve got quite a few useful ones:
XH-Current-URLthe URL the request comes fromXH-Targettheidof the target elementXH-Triggertheidof the triggered elementXH-Trigger-Namethenameof the triggered element
Remember, target = the element we’ll print the response to. trigger = the element that triggered the request.
We’ve talked about HX-Prompt already, if you have a prompt in the tag, you get what the user wrote in the prompt in this header.
See the full list of request headers: https://htmx.org/docs/#request-headers
Lessons in this unit:
| 0: | Introduction |
| 1: | Why htmx |
| 2: | The core idea of htmx |
| 3: | Installing htmx |
| 4: | Doing a GET request |
| 5: | Swap |
| 6: | POST request |
| 7: | Targets |
| 8: | Loading indicator |
| 9: | Confirming actions, and prompts |
| 10: | Triggers |
| 11: | ▶︎ Request headers |
| 12: | Response headers |
| 13: | Events |