HTMX: script `hx-on::before-request` didn't finish before sending AJAX request
so I am playing with HTMX + Laravel.
https://htmx.org/
https://laravel.com/docs/10.x
I have this cart form to submit. And it needs to follow browser localStorage.
So I use
the current localStorage before submitting.
On the first click (even if there's something in the localStorage), the server
side couldn't get the hidden input.
After it's generated (on the first time), the following clicks (taking input
from the cart generated on the first time) work and the server side get the
hidden input.
I have tried replacing
gives the same result.
https://htmx.org/events/#htmx:beforeRequest
https://htmx.org/events/#htmx:beforeSend
My guess is the hidden input isn't generated yet before the first AJAX request
was sent to the server. Because I manually inserted the same hidden and it
works too. But I have no idea how to properly solve this issue (not hacking)
Any help would be appreaciated.
Cheers
https://htmx.org/
https://laravel.com/docs/10.x
I have this cart form to submit. And it needs to follow browser localStorage.
So I use
hx-on::before-requestthe current localStorage before submitting.
On the first click (even if there's something in the localStorage), the server
side couldn't get the hidden input.
After it's generated (on the first time), the following clicks (taking input
from the cart generated on the first time) work and the server side get the
hidden input.
I have tried replacing
hx-on::before-requesthx-on::before-sendgives the same result.
https://htmx.org/events/#htmx:beforeRequest
https://htmx.org/events/#htmx:beforeSend
My guess is the hidden input isn't generated yet before the first AJAX request
was sent to the server. Because I manually inserted the same hidden and it
works too. But I have no idea how to properly solve this issue (not hacking)
Any help would be appreaciated.
Cheers
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
Laravel is a PHP web application framework with expressive, elegant syntax. We’ve already laid the foundation — freeing you to create without sweating the small things.
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react
Was this page helpful?
