Change URL without reloading the page

Question

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

I use jQuery and Ajax to load new parts of my page. When I select "product one", the direct link will be mysite.com/product1 , and for "product two" it will be mysite.com/product2 , but I do not want to reload the site on these pages.

Answer 1

You need to add the hash # if you want to prevent the page from reloading.

Css-tricks.com has a great screencast, look at:

Dynamic Content Best Practices

Answer 2

now possible with HTML_5 ..

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

also facebook and google using this trick next to the hash attribute (#)

Answer 3

This is possible in HTML5. See Demo here .

You can change the URL to another URL in the same domain, but you cannot change the domain for security reasons.

For more information, see the history interface in the HTML5 specification .

Answer 4

just use this

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

Answer 5

You can do this. Although, probably, you will need a modern browser. Take a look at this page: http://www.20thingsilearned.com/ created by the Google Chrome team (I used Chrome 9 to read it). Changing pages does not reload the entire web page, but changes the URL.

Answer 6

Yes, you can use the HTML5 History API. Check this page and this example.

Answer 7

You can not. Only if you change the hash, as sAc told you.

But I can ask, WHY?