Dynamic Links and Ajax

Question

I don't know how to describe this, but I have a website that dynamically loads content using ajax. Therefore, the page is never reloaded and the URL stays the same. I would like the page to never refresh, but the URL to change, so people can copy and paste the URL and share it. When someone goes to the URL it will auto update the ajax to the content that should be on screen.

Now that was an awful description.

Here's an example:

http://www.phish.com

http://phish.com/#/music/

Alpesh · Accepted Answer · 2011-01-10 16:46:18Z

2

If you change the url completely even with javascript then in that case the whole page reloads.

You can add parameter after # in url which can act as an identifier for different page.

You can add it as follows -

window.location.href = window.location.href+'#identifier';

as you told that you are loading the page with ajax so you can obtain the identifier from url as follows -

var identifier = window.location.hash;

And so depending on the value of identifier you can load different contents.

answered Jan 10, 2011 at 16:46

Alpesh

5,4152 gold badges23 silver badges19 bronze badges

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

1 Comment

Michael Low Over a year ago

+1 , changing after the hash is the accepted way of dealing with this problem I think. Gmail and other ajax-heavy Google sites do this a lot.

polarblau · Accepted Answer · 2011-01-10 16:45:26Z

0

You might want to have a look at sammy.js.

answered Jan 10, 2011 at 16:45

polarblau

17.8k8 gold badges66 silver badges84 bronze badges

Collectives™ on Stack Overflow

Dynamic Links and Ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related