I want to add some GET parameters to the page URL. I am loading content like this:
$("#content").load("shop.pl #content .product", $.param({categ:1)}));
How can I change the URL to have the same parameter ?categ=1?
-
Not sure you can do it without changing the page.Nalum– Nalum2011-08-05 11:30:11 +00:00Commented Aug 5, 2011 at 11:30
Add a comment
|
3 Answers
You can use the HTML5 pushState API to achieve this. However, only the newest browsers support it and IE doesn't even support it yet in IE9. There was no way to do this previsouly. However, there is a convention that you would use location.hash to indicate a page which's state was modified by an ajax request. For more information on how to use url hashes to indicate state on your page you might want to have a look at this.
There is a library, History.js, which can be used for transition to pushState. It's API is very close to the pushState API, but it will transparently provide a hash fragement fallback if the browser does not support pushState.
2 Comments
andyb
+1 for same idea as me - only quicker (I was editing the question!) :-)
michaelsnowden
pushState API link is broken
Your content is being loaded via AJAX, so perhaps the URL should have it's hash fragment modified - see http://code.google.com/web/ajaxcrawling/docs/specification.html
2 Comments
Tadeck
OP wants to change GET parameters of the current website, not the hash part of the URL, I believe.
Daniel Baulig
Yes, but this is not possible in browser that do not support the HTML5 pushState API, which are basicly all but the latest browsers. Manipulationg the hash fragment of an URL was by convention he way to go to indicate and restore the altered state of an webpage.
You can try to manipulate the visible URL using pushState() method (see documentation, you may wish to read also about onpopstate event).
That way you can change the URL in a way you wish.
Some demonstration on how to change URL without page reloading is here: http://html5demos.com/history
