Question

I really like how sites like FogBugz and Facebook offer snappy user interfaces by loading page content asynchronously.

What are some good resources and patterns for applying this to other websites? I am looking for a solution that creates a unique hash URL for each page, preserves history and basic browser functions, and degrades gracefully if JavaScript is not enabled (a great example of this is Facebook).

This blog post is a good start, but it’s far from a complete solution/pattern – and any approaches using jQuery would be great.

Answer 1

I have found pjax to be the most promising solution so far. From https://github.com/defunkt/jquery-pjax:

pjax loads HTML from your server into the current page without a full
reload. It’s ajax with real permalinks, page titles, and a working
back button that fully degrades.

pjax enhances the browsing experience – nothing more.

You can find a demo on http://pjax.heroku.com/