HTML5历史记录API：从其他页面导航回来时未调用“popstate”-Java 学习之路

我必须维护一个带有AJAX搜索表单的网站（比如书籍），我希望搜索结果成为浏览器历史记录的一部分 .

所以我设置了 "popstate" 事件处理程序

window.addEventListener('popstate', function(e) {
    alert("popstate: " + JSON.stringify(e.state));
});

并在成功的AJAX请求时调用 pushState() ：

var stateObj = { q: "harry potter" };
window.history.pushState(stateObj, "Result", "/search");

然后我的点击流是：

When I now go back by clicking the browser back button I would expect the "popstate" event to be triggered with the according state object. But nothing happens. - 路径更改为/ search

So, the important popstate event (the one with the query string) gets only triggered when going forward, but not when going back.

这是因为我从一个站点导航回来，其历史记录条目是自动创建的，而不是由pushState以编程方式创建的？但如果是这样，历史API只对完整的单页面应用程序有意义 .

任何浏览器中的行为都是相同的 . 希望你能帮助我:)

1 回答