Question

Is there a standard or accepted way to recover from a page refresh in an Ajax web application?

My interest now lies mainly in a web app with a Java (JSP/Servlet) Back end. My page is initially rendered from a JSP and then the user progressed through the interface using javascript events.

Is there a design pattern which covers this, I’m assuming that the refresh button is someting that web developers need to worry about quite often so there should be a way of recovering from it, while maintaining state.

Answer 1

There are a number of way to handle this.

• Anchors – This is what Gmail does when it tacks on #inbox/123 which means that it should show the email id 123 with the label inbox. This is not very expressive and is useful for simple states. However, it does provide users the ability to bookmark the page and use navigate through browser history.
• Cookies – This has the advantage that this can be managed entirely on the client side. You can set cookies via Javascript and restore them via Javascript. It’s cheap and doesn’t require and post backs. The state information usually doesn’t need to be persisted on the server because typically the state is temporary.
• Sessions – This will need you to post back the state information back to the server via AJAX as the client updates the page. If the client refreshes the page, the new page incorporates the changed state into the newly rendered page. This is quite costly in terms of performance and also complicates design but may be useful for certain applications.