Replace URL from Backend#
Demo#
Explanation#
Interacting with the history API is a common task when building single page applications. The datastar-execute-script
event can be used to execute JavaScript on the client. This can be used to replace the URL in the browser without reloading the page.
event: datastar-execute-script
retry: 1000
data: script window.history.replaceState({}, "", "/examples/replace_url_from_backend/updates?page=89")
event: datastar-execute-script
retry: 1000
data: script window.history.replaceState({}, "", "/examples/replace_url_from_backend/updates?page=39")
event: datastar-execute-script
retry: 1000
data: script window.history.replaceState({}, "", "/examples/replace_url_from_backend/updates?page=7")
Look at the browser URL and you should see it change periodically to a random page number.