使用pushState在AJAX网站上创建“链接”会产生404

Question

目前，我的网站设置有一个HTML文件，该HTML文件使用点击式JavaScript函数在用户浏览时以不同方式显示网站的各个部分。 主页包含一个音频播放器，我想在用户导航时继续播放它，这就是为什么我选择了AJAX路由。

我已经在整个网站上实现了pushState，以为用户导航到的每个部分生成URL。 这些链接无效。

我对此有几个疑问：我应该使用pushState生成这些URL，还是要以错误的方式生成链接？ 有没有一种方法可以让用户重新加载站点中的深层页面，然后以某种方式在服务器端使用javascript构建页面？

编辑：我觉得也许如果我可以将所有这些链接都路由到一个javascript文件，然后再构建相应的页面，那可能行得通吗？ 不知道这是否是解决问题的方法。

  $('#menu a').click(function() { var page = $(this).attr('href'); history.pushState({}, '', page); $('#news').load('content/' + page + '.php'); return false; }); 

这是菜单如何在单击时运行此jQuery函数，然后使用pushState创建新URL的示例。 然后，它将内容从相应的php文件加载到#news div中。

有什么方法可以链接到页面的此“状态”？ 我一直在阅读Jose Maria Arranz Santamaria的“单页界面宣言” ，其中有很多不错的信息，但是我有点想知道下一步该怎么做。

Answer 1

如果链接实际上不起作用，则Pushstate不是您应该使用的方式。 您可以使用哈希轻松实现此目的。 您事件onhashchange 。

哈希存储在window.location.hash属性中。 也无需修改浏览器历史记录。

参考onhashchange和哈希