javascript - 如何在不更改 url 的情况下在带有参数的页面之间跳转

Question

最近，我遇到了一个问题。

有一页:pageA，里面有一些。其 url 将引导您到另一个页面:pageB。

但是，我想在不更改 pageB 的 url 的情况下使用一些参数或数据进行跳转。有什么好的解决办法吗？我正在使用 React，但不是单页项目。

Answer 1

有几种方法可以做到这一点，例如使用 cookies、spring webflow(如果是 spring 应用程序)或使用 Local/Session 存储

Web Storage是一种可行且简单的方法

在页面 A 中，您可以使用键和值将值存储在本地存储中

if (typeof(Storage) !== "undefined") {
    localStorage.setItem("anyunique Key Name ", "value which you want to store");
} else {
    // Sorry! No Web Storage support..
}

在页面 B 中使用相同的 LocalStorage 的 getItem() 方法来检索值

document.getElementById("someDOM").innerHTML = localStorage.getItem("key");