网站有哪些优秀的JavaScript / AJAX界面模式？

Question

我非常喜欢FogBugz和Facebook这样的网站如何通过异步加载页面内容来提供快捷的用户界面。

将此应用于其他网站有哪些好的资源和模式？我正在寻找一种解决方案，为每个页面创建一个唯一的哈希URL，保留历史记录和基本浏览器功能，如果未启用JavaScript，则会优雅地降级（这是Facebook的一个很好的例子）。

This blog post是一个好的开始，但它远不是一个完整的解决方案/模式 - 任何使用jQuery的方法都会很棒。

Answer 1

IMO，为了让网站优雅地降级，您应该首先至少构建您要支持的最低级别的网站框架。在你的情况下，这将是标准的回发。

一旦你有了这个，你就可以开始添加ajax交互了。

我在使用ASP.NET MVC时采用的方法是使用一个从头开始构建整个页面的函数（用于常规回发），然后使用一些额外的方法来通过Ajax动态刷新内容。如果我想实现像oyu describe这样的'单页'方法，那么我将处理超链接的onclick事件并调用ajax方法，该方法将'Build Whole Page'方法呈现为字符串，然后将该字符串泵入我的内容div。

HTH

Answer 2

到目前为止，我发现pjax是最有希望的解决方案。来自https://github.com/defunkt/jquery-pjax：

  

pjax将服务器中的HTML加载到当前页面而不是完整的   重装。它是真正的永久链接，页面标题和工作的ajax   后退按钮完全降级。

     

pjax增强了浏览体验 - 仅此而已。

     

您可以在http://pjax.heroku.com/

上找到演示

Answer 3

Here are使用jQuery和PHP构建基于Ajax的网站的示例

Answer 4

以下是关于使用jQuery加载内容的精彩文章，当js被禁用时，它会优雅地降级。 link text