实施也启用了JavaScript的网站的技术

Question

I'm looking for design patterns, frameworks or techniques to implement a web page that fulfills these requeriments:

• The web pages are rendered statically at first load, without needing any JavaScript support.
• If enabled, JavaScript should be used to load new portions of the website when the user tries to follow a link, and change the URL accordingly using the HTML5 history api or equivalent.
• If not available, new pages should be loaded statically by following the links.
• I shouldn't write the code twice, obviously. This would lead to inconsistencies.

I've been thinking on this problem for a while but I haven't come with an answer.

Edit: MVC sounds like a good start to solve this problem, but I definitely want to avoid writing the views code twice.

Answer 1

This requires backend support, so the techonology of your backend matters.

That said, this sound an awful lot like the rails library Turbolinks: https://github.com/rails/turbolinks/

On the front end alone, supporting JS and non-JS is known as Graceful Degredation and there are lots of articles on it all over the web.

Answer 2

If I understand your problem, I think these links will help:

http://www.implico.pl/lang-en/ajaxgetcontent_dynamic_ajax_website,7.html

http://www.asual.com/jquery/address/

There is also a github project (browserstate/history.js) to handle this, but I dont post more links, I need reputatión :p