I am using ajax to display my contents. As I display my contents, I want to change the browser url dynamically without reloading the page. How can I proceed?

window.location.hash="Aboutus";

The above code inserts a # sign. I do not want a hash sign in my url since my page can contains a similar id.

I am using ajax to display my contents. As I display my contents, I want to change the browser url dynamically without reloading the page. How can I proceed?

window.location.hash="Aboutus";

The above code inserts a # sign. I do not want a hash sign in my url since my page can contains a similar id.

• javascript

Share Improve this question Follow edited Aug 18, 2011 at 11:42 pimvdb 155k8080 gold badges311311 silver badges356356 bronze badges asked Aug 18, 2011 at 11:36 Manish BasdeoManish Basdeo 6,2792323 gold badges7272 silver badges103103 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Use can use pushState(). Here's some information from Mozilla's developer site:

https://developer.mozilla/en/DOM/Manipulating_the_browser_history#The_pushState%28%29.c2.a0method

You can use History API that is being introduced in HTML5. Here is a link to some examples - you can find links to more resources in the bottom.

The HTML5 pushState API should answer your problem.