我想在不刷新页面的情况下在onpopstate事件上编写一些代码

Question

我正在为一个电子商务网站创建搜索页面，我们可以在其中按创建动态URL的不同方面进行搜索，而我仅刷新视图而不刷新页面。 现在，如果用户按下浏览器的来回按钮，我只想重新加载具有相关数据的视图，而不重新加载页面。我正在使用下面的代码来捕获来回按钮事件，但是它会自动重新加载页面。

有什么办法可以防止此页面刷新？

window.onpopstate = function (event) {
    console.log("pop!");
    window.getProducts();
    window.getArticles();
    event.preventDefault();
    event.stopImmediatePropagation();
};

Answer 1

您可以使用h5历史记录来更改网址，

  

window.history.pushState（''，``，'about'）;

并将popstate侦听器添加到窗口。