I am working on an application which involves lot of ajax requests for updating the HTML content.I have a dashboard with a fix left menu or accordian panel which takes the event and based on the events I have to update the center portion of the page using ajax.
Issue: I am facing issue with the back button of the browser as I am not refreshing the page.I want that the user should be able to navigate back and forth through the ajax content,but as I don't change the URL it redirects the user to the previous page they came from and destroys all the information entered by the user in the fields.
While making a search I came through this website which is quite popular and manages a playlist on the left and a player at the bottom without refreshing the page,but the URL changes for different content the show.
I am not sure if there is any specific framework that can be used or it can be achieved via normal code.
Any help in pointing me to the right links or suggestions over it would be helpful.
Thank you

I am working on an application which involves lot of ajax requests for updating the HTML content.I have a dashboard with a fix left menu or accordian panel which takes the event and based on the events I have to update the center portion of the page using ajax.
Issue: I am facing issue with the back button of the browser as I am not refreshing the page.I want that the user should be able to navigate back and forth through the ajax content,but as I don't change the URL it redirects the user to the previous page they came from and destroys all the information entered by the user in the fields.
While making a search I came through this website which is quite popular and manages a playlist on the left and a player at the bottom without refreshing the page,but the URL changes for different content the show.
I am not sure if there is any specific framework that can be used or it can be achieved via normal code.
Any help in pointing me to the right links or suggestions over it would be helpful.
Thank you

• php
• javascript
• jquery
• ajax

• There has to be one, because gmail uses it. – DevZer0 Commented Jun 20, 2013 at 9:28
• stackoverflow./questions/29886/… – DevZer0 Commented Jun 20, 2013 at 9:29
• Yes,but not sure about the exac implementation and integration with PHP! :P – coderunner Commented Jun 20, 2013 at 9:30

1 Answer 1

What you seem to want is history.js. It uses the HTML5 history API to navigate (and you can fire events upon change), and it also supports older browsers by using hashbangs.

Essentially the browser will not load any new page, but you can still change the URL to reflect changes (and have the users bookmark pages etc.).

Take a look at their demos to see if it's what you're looking for.