Change url with javascript without page refresh

Question

Possible Duplicate:
How to rewrite URL without refresh, like GitHub.com

Hi all,

I have a list of href links (but1 - but4) that I can click. The data is preloaded and stored as JSON. When I click a link, I would like to change the URL, eg fakeURL.com -> fakeURL.com/but1

I know this can be done by using the window.location.hash function, but I'd prefer to modify the url directly.

An example of this is github (https://github.com/apache/hadoop-common) where if you click on a folder in a repository, the url changes and the folder is loaded (via AJAX, so slightly different, but if I understood their solution I can modify to my case)

Any idea how to do this?

Thanks, djs22

EDIT: I'd prefer a solution more robust than html5 history.pushState .

http://stackoverflow.com/questions/4371705/how-to-rewrite-url-without-refresh-like-github-com — Michael Jasper, Feb 21 '11 at 22:54

score 0 · Accepted Answer · answered Feb 21 '11 at 22:47

0

It's not possible to change the url. That would be a huge security flaw. I can't find any ajax at github, the page reloads, and a new url is displayed. The only part of the url that can be changed with javascript is the hash-part.

answered Feb 21 '11 at 22:47

TheQ

6,243
4
33
51

You sure? It looks like only the file structure is being reloaded? Is there any way to test this directly? – djs22 Feb 21 '11 at 22:51
You can use firebug (addon for firefox) to view ajax-requests and their responses etc. It clearly shows that there are no ajax-requests when browsing folders at github. – TheQ Feb 21 '11 at 22:54
1

@djs22: github uses `history.pushState` (in browsers that support it). If you don't want to use the hash, then **there is no other way**. – Felix Kling Feb 21 '11 at 22:54
@TheQ: Are you using Firfox 3.6 by any chance? ;) – Felix Kling Feb 21 '11 at 22:55
I sure am. Which i guess don't support history.pushState then :) – TheQ Feb 21 '11 at 22:57
@TheQ: Yep ;) Firefox 4 does... – Felix Kling Feb 21 '11 at 23:13
Chrome does this fine. FireFox 3.6 doesn't maybe that is the problem – Nick Berardi Feb 22 '11 at 12:06

Change url with javascript without page refresh

1 Answers1