javascript - 将表单数据发送到 HTML 页面并使用 Javascript 检索它而无需任何 PHP/Python

Question

我已经阅读了几篇关于将表单数据发送到另一个 html 页面的文章和一个问题线程，但这些解决方案并没有解决我的问题。

基本上，我有一个包含大量数据的表单:

<form id="registration" name="registration" action="register.html" method="POST">

在 register.html 中，我尝试访问一个 ID 和名称为“用户名”的输入文本字段:

var x = document.getElementById("注册").elements.namedItem("用户名").value;

控制台声明它无法读取 null 的属性。如何仅使用 Javascript 访问这些值？框架很好，但不是 PHP/Python。

Answer 1

我确信这一切都不是安全的，所以要小心。

如果你不在乎信息是否 super 明显，那么你可以将表单的 Action 设置为你想要的新页面，方法可以是'GET'。

编辑:我应该提到这将通过 url，这样

domain.com?someKey=someValue&someOtherKey=someOtherValue

在新页面上，您可以解析所有内容的查询字符串的 url。

您可以从该位置的“href”属性中获取这些内容。

window.location.href

// * Credit for this puppy goes to theharls, nice and fast
var params = window.location.search.slice(1).split("&");
//=> ["say=Hi", "to=Mom"]

(现代？)浏览器的另一个选项是本地存储。使用 javascript 来设置类似的东西，

localStorage.setItem('foo', 'bar');

这里是本地存储的重要引用。 https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage