使用Ajax“更改页面”时的后退按钮功能

Question

在我们的应用程序中，我们在任何地方都没有“真实”链接，但所有页面都加载了ajax。这看起来像这样：

function changePage(module, params){
//Ajax call is done, content is being displayed in the content div
}

所以，“链接”就是这样的：

<div class="link" onclick="changePage('Content_Emplyee', 123)">To Employee 123</div>

这一切都很好，唯一的问题是，当然，单击后退按钮将离开页面。有没有办法可以覆盖后退按钮，所以它会像用户认为的那样行事？在这种情况下，在遵循Employee链接后，后退按钮应该返回菜单。之后，前进按钮将返回此员工等。

Answer 1

您可以使用history.js，它提供您正在寻找的功能。有了它，您可以处理浏览器的历史记录返回调用以返回到以前的状态，而无需离开页面。

这对于单页Web应用程序非常有用，但正如已经指出的那样，ajax链接可能会导致SEO限制。