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.

Pavel · Accepted Answer · 2011-04-03 09:58:14Z

14

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

answered Apr 3, 2011 at 9:58

Pavel

1491 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pepper Over a year ago

Great! For cross browser support you can use a library like history.js github.com/balupton/history.js

derpedy-doo Over a year ago

Blog post is not found

Sarfraz · Accepted Answer · 2010-08-01 08:25:08Z

13

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

answered Aug 1, 2010 at 8:25

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Comments

naveen · Accepted Answer · 2013-11-29 01:05:47Z

7

just use this one

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

edited Nov 29, 2013 at 1:05

user1129665

answered Dec 18, 2012 at 5:13

naveen

1,0681 gold badge13 silver badges26 bronze badges

1 Comment

Johann Over a year ago

Watch out for IE < 10: caniuse.com/#search=pushstate. Use a polyfill like history.js.

Sparky · Accepted Answer · 2015-12-19 07:14:44Z

7

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.

edited Dec 19, 2015 at 7:14

answered Jul 1, 2012 at 6:05

Sparky

4,8758 gold badges41 silver badges52 bronze badges

Comments

Attila O. · Accepted Answer · 2010-11-20 13:12:22Z

1

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.

answered Nov 20, 2010 at 13:12

Attila O.

16.8k12 gold badges58 silver badges86 bronze badges

Comments

Adi · Accepted Answer · 2012-10-11 13:44:43Z

1

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

edited Oct 11, 2012 at 13:44

Adi

5,1796 gold badges35 silver badges48 bronze badges

answered Jul 25, 2012 at 14:03

Manolis Georgopoulos

112 bronze badges

Comments

Ionuț Staicu · Accepted Answer · 2010-08-01 08:27:10Z

-4

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

But.. May I ask WHY?

answered Aug 1, 2010 at 8:27

Ionuț Staicu

22.3k11 gold badges54 silver badges58 bronze badges

5 Comments

nothrow Over a year ago

I'm not the OP, but I find it useful when you change your content via ajax, and then your visitor wants to store the page he is looking at to bookmarks/send via email/ etc..

Paul Peelen Over a year ago

Like Yossarian said, that was one of my reasons. Also because the load of the page loading is less using ajax, and the loading of contens is better looking.

Ionuț Staicu Over a year ago

@Yossarian: I asked why he wants to use site.com/product, like the initial Q was (not hash). @Paul: if you change more than 4-50% of your page content, you may want to rethink your strategy, because the speed you will gain with page transfer will be canceled by the DOM operation time :)

sasa Over a year ago

Wrong answer. In HTML5 it is posible to do that.

Ionuț Staicu Over a year ago

@Sasa, agree. But try to do that in IE9 :)

Collectives™ on Stack Overflow

Changing the URL without reloading the page

7 Answers 7

2 Comments

Comments

1 Comment

Comments

Comments

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

Comments

1 Comment

Comments

Comments

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related