使用pushstate在两个页面之间导航时如何访问历史记录状态?

问题描述 投票:0回答:1

我正在编写我的第一个PWA,目前正在做一些研究,然后才着手编写任何代码。我可以绕开的一件事是2个缓存页面之间的导航。

[我的PWA由两页组成,页面A显示了一个项目列表,而页面B则单击了页面A上的内容,您可以导航到页面B。]

我将使用history.pushstate来存储在页面A上单击的项目ID,然后在加载页面B时,它应该准备状态并根据存储的内容请求所需的数据。

我做了一个测试页,可以看到在页面B上添加了console.log('Hello Kitty'),因此在页面B上执行JS应该很简单。但是,当我尝试从B页的history.state读取时,它为null。

我的问题是,当加载B页时,如何在A页和B页之间导航并读取存储在history.state中的内容?

我还没有任何实际代码可显示。而且我计划使用Web组件,但不使用任何框架或库,仅使用普通JavaScript。

我正在编写我的第一个PWA,目前正在做一些研究,然后才着手编写任何代码。我可以绕开的一件事是2个缓存页面之间的导航。我的PWA ...

javascript progressive-web-apps pushstate
1个回答
0
投票

我将使用history.pushstate来存储在页面A上单击的项目ID,然后在加载页面B时,它应该准备状态并根据存储的内容请求所需的数据。

© www.soinside.com 2019 - 2024. All rights reserved.