javascript - AJAX SEO - 后退和前进按钮

Question

我正在使用 Ben Almans 插件进行哈希变化跟踪:

http://benalman.com/projects/jquery-hashchange-plugin/

我还修改了我的 Web 配置，这样当您输入 www.mysite.com/test1 时，PHP 会获取带有 test1 值 的字符串，并将其转发给 JavaScript。 JavaScript 通过 AJAX 将其发送到服务器端脚本并带回 test1 页面。

在所有用户在地址栏中写入 www.mysite.com/test1 后，将获得 test1 页面。一切正常。

现在。如果您输入 www.mysite.com，您只会看到索引页面，并且有一个指向 test1 页面 的链接。如果你按下它，它会生成地址 www.mysite.com/#test1 并且因为 # 哈希更改插件可以在你按下后退时使用 AJAX 将你带回按钮。

我想要的是不需要那些#符号的哈希更改插件或方法或系统。因为我希望用户看到相同的干净地址，如 www.mysite.com/test1。

这可能吗？

Answer 1

那是不可能的。 #是位置的散列部分的前缀。哈希值通常不会发送到服务器，因此更改哈希值不会引起页面请求。

当您省略升号(即 # 字符的名称)时，将启动页面请求。

如果你想要 SEO URL，我推荐使用这个"

<script>
$(document).ready(function(){
    var base_url = location.protocol + "//" + location.host + "/";
    $("a[href^='+base_url+']").bind("click", function(ev){
        location.hash = $(this).href.substr(base_url.length)
        ev.preventDefault();
    })
});
</script>
<a href="http://www.mysite.com/test1">Link</a>

这将绑定(bind)一个 onclick在每个 <a>文档中的元素，带有 href以基本 url 开头的属性。