如何在URL中显示Ajax请求？

Question

我想要的是具有更改页面一部分的链接，以及它的动态URL，在这里可以指定诸如#calendar=10_2010tabview=tab2

Check this for an exact example:
单击此处进行精确演示

所以这是我需要的链接格式：

#calendar=10_2010&tabview=tab2

我必须像链接变量calendar和tabview这样我就可以改变一个页面上的多个万物而不realoading。

或诸如http://www.wbhomes.com.au上的另一种格式，这 正是
我想要的，但是第一种格式也不错，但这要漂亮得多。

• http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

要求

• 需要从任何地方访问，例如邮件，或者我只写在网址栏中。

• 该链接应该在历史记录中，因此，如果按后退或前进按钮，则需要访问该页面。

• 页面刷新也需要工作。

一些资源：

例子：

• www.developer.yahoo.com/

• www.facebook.com-您的个人资料页面上的侧边栏链接

• www.wbhomes.com.au/-100％接近我想要的

• www.flickr.com/

• www.youtube.com

一些教程：

• www.ajaxpatterns.org/

• www.contentwithstyle.co.uk/

请帮我！
我从来没有找到任何解决方案来做到这一点，但我不想使用jquery或任何API或任何库，我想拥有一个工作Javascript/AJAX和PHP脚本。

Answer 1

对于您问题中链接的演示，实现该功能实际上非常简单-因为它根本不使用任何AJAX（当您开始将AJAX添加到组合中时，会变得更加困难-
稍后说明）。要实现该功能，您将；升级您的链接以使用哈希，然后绑定到hashchange事件中。不幸的是，hashchange事件与跨浏览器不兼容，尽管幸运的是有许多“历史/远程插件”可用-
多年来，我们首选使用的是 jQuery History ，它是开源的，得到了​​大力支持并正在积极开发： -）。

虽然，当要向Facebook，WBHomes和Balupton.com等网站中添加AJAX功能时，您将开始面临一系列严重的难题！（我知道我是最后两个站点的首席架构师！）。其中一些问题是：

• 如何优雅，轻松地升级某些内部链接以使用“历史记录”和AJAX功能，并检测哈希值何时更改？同时保持其他链接像以前一样工作。
• 如何从“ www.yoursite.com/myapp/a/b/c”重定向到“ www.yoursite.com/myapp/#/a/b/c”？并仍然为用户提供流畅的体验，以使3个必要的重定向尽可能地流畅。
• 如何使用AJAX提交表单值和数据并更新哈希？反之亦然，如果他们不支持Javascript。
• 如何检测AJAX请求需要页面的哪个特定区域？这样子页面就会显示正确的页面。
• AJAX状态更改时如何更改页面标题？和其他非页面内容。
• 如何在AJAX状态加载和更改时执行不错的内向/外向效果？这样用户就不会处于黑暗中。
• 我们通过AJAX登录时如何更新侧边栏登录信息？显然，我们不希望该左上方的登录按钮再出现。
• 如何为未启用JS的用户仍支持网站？这样它就可以正常降级，并且仍然可以被搜索引擎索引。

我知道的唯一一个尝试解决所有这些极其困难的问题的开源，可靠项目已被证明是 jQuery
Ajaxy
。它实际上是对前面提到的jQuery历史记录项目的扩展，它提供了一个优雅的高级界面，可以将AJAX功能添加到混音中，从而解决了幕后的难题，因此我们不必担心。它也是前面提到的最后几个商业站点中使用的选定解决方案。

祝您好运，如果您还有其他问题，请对此答案发表评论，我将尽快解决:-)

更新：现在有不推荐使用HTML4hashchange功能的HTML5历史记录API（pushState，popState）。History.js现在是jQuery
History的前身，并为HTML5 History
API提供跨浏览器的兼容性，并为HTML4浏览器提供可选的 hashchange备用。jQuery Ajaxy将针对History.js进行升级