History of HTML5 APi

Question

How to use HTML5 story history. I went through https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history . It confused me. All I want to do is change the URL to ajax calls so that when the user presses the return button, he will get the previous state.

I will also find out about any pit falls. When to use and when not to use. How best to use with jquery

Answer 1

Here are the best resources I've come across (including the one you already mentioned, and sample working code):

• MDC: Manipulating Browsing History - A Very Simple Source Example
• Immersive HTML5: Manipulating the HTML5 History API for Fun and Profit - A Good Introduction
• Intelligent state management: - article on the hashes of VS hash VS API HTML5 History API - provides working code solutions.
• Ajaxify Website using the HTML5 History API using History.js and ScrollTo - working code example

For pitfalls, the Mining State link is well read. Regarding backward compatibility, History.js , which fixes browser errors and provides additional HTML4 hash code.

Answer 2

I think that the free HTML5 Immersion online book is generally a great source for describing the new features of HTLM5. It has a chapter on a new element of history, Manipulating History for Entertainment and Profit .

The summary is that it is not just an online airliner to do the job right. When you fake a new page using AJAX, you also need to fake the loading of the previous page when the user clicks the back button.