javascript - 如何使用 JavaScript 从第 1 页的表单获取值到另一个页面？

Question

我只学过 HTML、CSS、JavaScript 和 jQuery，我想从我的 form 获取一个值到我的 index 页面，它位于不同的文件中，使用我知道的语言。所以这是我的表格:

<form action="../index/index.html" method="GET">
  <label for="name">Name :</label>
  <input type="text" name="name" id="name" required>
  <label for="email">Email :</label>
  <input type="text" name="email" id="email" placeholder="eg.yourname@gmail.com" required>
  <input type="submit" name="submit" id="submit">
</form>

当 submit 按钮被按下(这个 div 有类 sing-in)。

这两个页​​面都有自己的 JavaScript 和 CSS，所以如果我将表单所在页面的 JavaScript 导入到我的 index 页面，我想这会弄乱这两个页面。因此，我想在不导入 JavaScript 的情况下执行此操作，而只是将另一个页面的值获取到我的索引页面中。谢谢。

Answer 1

当您提交表单并重定向到您的索引页面时，表单的值将作为 GET 参数放在 url 的末尾。

示例网址:localhost:80/index/index.html?name=Eddie&email=eddie@gmail.com

要读取 GET 参数，您可以使用以下代码:

var urlString = window.location.href
var url = new URL(urlString);
var name = url.searchParams.get("name");
var email = url.searchParams.get("email");
//Check if name and email are set

确保检查名称和电子邮件是否已在 index.html 中实际设置