如何使用 JavaScript 将用户输入从一个 HTML 页面保存到另一个页面 [重复]答案

【问题标题】：How to Keep User Input From One HTML Page to Another Using JavaScript [duplicate]如何使用 JavaScript 将用户输入从一个 HTML 页面保存到另一个页面 [重复]
【发布时间】：2017-02-27 14:03:41
【问题描述】：

我正在尝试将用户输入从一个页面保留到另一个页面。简单来说，我想做的如下：

第 1 页：

  var userInput = prompt("What is your name");

第 2 页：

  document.getElementById("userName").innerHTML = userInput;

用户输入他们的名字，然后点击一个链接到下一页，他们的名字就会在其中显示。我想不出一种将数据从一页保存到另一页的好方法。（我不知道如何使用 cookie 存储数据）。

【问题讨论】：

根据您的浏览器功能限制，您可以利用本地存储在客户端存储输入值。
@SirMcPotato 你能用初学者的话说吗？ ;)
如果您打算支持大多数最先进的浏览器（Chrome、Firefox 等），请查看本地存储：developer.mozilla.org/en/docs/Web/API/Window/localStorage 这是一个允许保留一些数据的客户端存储无需调整 cookie ;)
非常感谢！我会尽快发布答案。

标签： javascript html

【解决方案1】：

就像 McPotato 爵士建议您可以使用本地商店来实现这一点：

// Store
localStorage.setItem("Name", "What is your name");
// Retrieve
document.getElementById("userName").innerHTML = localStorage.getItem("Name");

【讨论】：

【解决方案2】：

您可以使用 HTML5 本地存储。将 prompt() 返回的值存储在浏览器的本地存储中，然后在下一页中检索：

第 1 页：

var userinput = prompt("What is your name?");
if (localStorage.getItem("uinput") {
  localStorage.removeItem("uinput");
} else {
  localStorage.setItem("uinput",userinput);
}

第 2 页：

var userinput = localStorage.getItem("uinput");

【讨论】：

【解决方案3】：

您可以使用查询字符串传递数据，因此您可以在第 2 页的链接中添加数据，例如

page2.html?username=Me

然后你可以根据你使用的框架通过不同的方法读取这些查询字符串参数。

如果这还不足以让您继续前进，如果您提供有关如何从第 1 页导航到另一页的信息并且可以提供更多信息。

【讨论】：