Web 应用程序中的 Ajax 选项卡答案

【问题标题】：Ajax tabs in Web appWeb 应用程序中的 Ajax 选项卡
【发布时间】：2009-11-29 18:11:30
【问题描述】：

我们有带有标签界面的应用程序。当前，每个选项卡都作为单独的页面加载。现在我们需要重新设计它，让标签内容应该通过 ajax 加载。

不幸的是，仅仅用 Ajax 加载内容是不够的。用户应该能够将每个选项卡添加到书签。这就是为什么整个 URL 应该在选项卡切换时更改的原因。此外，索引机器人在点击选项卡中的链接时应该不会有问题。

如何使用 jQuery 实现这个解决方案？有现成的插件吗？

另外很酷的是，点击此类书签后，Facebook 会自动将我重定向到： http://www.facebook.com/profile.php?v=wall&ref=profile&id=1241403629

这怎么可能？

【问题讨论】：

【解决方案1】：

您确实可以通过查询字符串传递参数或使用锚点...

您在页面加载时延迟选项卡的加载，检查参数，然后加载相应的选项卡。

如果您有以下示例：

/yoururl.aspx#section1

在页面加载时（编辑：请参阅下面的评论）：

$('#tabs_placeholder').load('url_of_tab_1');

您有条件地为所有标签执行此操作

此解决方案适用于书签，因为锚点和查询字符串与 URL 一样保留。

希望对你有帮助

PS。这是加载函数和其他 jQuery AJAX 函数的文档： http://docs.jquery.com/Ajax

【讨论】：

我只想指出，如果你想被正确索引，你应该在页面加载时加载带有适当内容的页面。换句话说，当页面从服务器到达时，应该用适当的选项卡正确地填充它。然后，如果用户在客户端更改选项卡，您可以在 AJAX 中进行。

【解决方案2】：

试试看这个问题：

【讨论】：