Changing the URL without reloading the page

Question

I would like to know if it's possible to change the contents of the URL in the browser without reloading the page?

I use jQuery and Ajax to load new parts of my page. When I choose "product one", the direct link would be mysite.com/product1 and for "product two" would be mysite.com/product2 , but I don't want to reload the site to these pages.

Answer 1

its now possible with HTML_5..

chack this link... http://www.spoiledmilk.dk/blog/?p=1922

also facebook and google using this tric beside Hash(#) attribute

Answer 2

You will have to add hash # if you want to prevent page from reloading.

The css-tricks.com has an excellent screencast on that, have a look at:

Best Practices with Dynamic Content

Answer 3

This is possible in HTML5. See a demo here .

You can change the URL to another URL within the same domain, but can not change the domain for security reasons.

See the history interface in HTML5 specification for details.

Answer 4

只需使用这个

window.history.pushState("object or string", "Title", "/new-url");

Answer 5

Yes, it is possible using the HTML5 History API. Check this page and this example

Answer 6

You CAN do that. Though likely you'll need a modern browser. Have a look at this page: http://www.20thingsilearned.com/ created by the Google Chrome team (I used Chrome 9 to read it). Changing pages doesn't reload the entire web page, but changes the URL.

Answer 7

You can't. Only if you change the hash, like sAc told you.

But.. May I ask WHY?