Ajax can update data without refreshing, but cannot update URLs
HTML5 's new API:window.history.pushState, window.history.replaceState
User Operation history, click the Forward Back button will trigger the Popstate event.
These methods can window.onpopstate work together with events.
Change the URL of the demo
This page is Foo.html,url changed to bar.html, the content is unchanged
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "UTF-8"> <title></title> </Head> <Body> <Buttononclick= "Changeurl ()">Button</Button> <Script> functionChangeurl () {varStateobj={foo:'Bar'}; Window.history.pushState (Stateobj,'Page 2', 'bar.html'); This will let the browser's address bar display http://mozilla.org/bar.html, but will not load the bar.html page and will not check whether bar.html exists. } </Script> </Body></HTML>
Window.history.pushState and Ajax implement no refresh update page URL
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
