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 |
Are you intimidated by Git? Can’t figure out
merge vs rebase? Are you afraid of screwing up
something any time you have to do something in
Git? Do you rely on ChatGPT or random people’s
answer on StackOverflow to fix your problems?
Your coworkers are tired of explaining Git to
you all the time? Git is something we all need
to use, but few of us really master it. I
created this course to improve your Git (and
GitHub) knowledge at a radical level. Launching
May 21, 2024. Join the waiting list!