jquery - AJAX 深度链接——正确的语法是什么？

Question

用于 AJAX 深层链接的正确语法是什么？我正在使用jQuery 地址。

我见过以下方法：

http://example.com/#Contact
http://example.com/#/Contact
http://example.com/#!/Contact

哪个更好，为什么？

Answer 1

这取决于你想做什么？

最后一个是 hashbang，如果您正确地构建您的网站，也可以为 Google 提供适当的内容。

换句话说，这个 ajax 链接：

http://example.com/#!/Contact

将由 Googlebot 转换为：

http://example.com/?_escaped_fragment_=Content

当访问该页面时，您应该提供与 ajax 驱动页面相同的内容，但没有 ajax，以便 Googlebot 可以读取它。

这里还有更多

除此之外，只要它有效，你使用什么都没有区别

Answer 2

http://example.com/#!/Contact是最好的，不知道为什么，但谷歌认为它是一个独特的 url

Answer 3

这取决于您的实现，但我更喜欢使用没有主题标签的真实 URL。有一些技术可以在不重新加载的情况下操作 url。这称为 pushState 另请参阅 MDN：https ://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history

因此，您可以加快页面的加载速度，但您还需要在服务器端实现这一点以提供正确的响应。然而，这对用户来说更好。