如何仅使用javascript将表单数据从一个HTML页面传递到另一个HTML页面?

如何仅使用javascript将表单数据从一个HTML页面传递到另一个HTML页面?,javascript,Javascript,我是Javascript的初学者,我的教授只教过我们HTML5和Javascript,到目前为止,我无法使用PHP lol显示。到目前为止,我有一个带有表单的页面,用户可以在其中输入数据,我有一个外部Javascript文件,它有两个功能来验证密码和从账单信息自动填充交付信息。在表单标记中,我有onsubmit=“return verifyPswd()”,从HTML文件外部调用它就可以了。但我现在尝试的是从URL(我使用method=“GET”)或其他方式提取表单数据,并在我的第三个HTML页面

我是Javascript的初学者,我的教授只教过我们HTML5和Javascript,到目前为止,我无法使用PHP lol显示。到目前为止,我有一个带有表单的页面,用户可以在其中输入数据,我有一个外部Javascript文件,它有两个功能来验证密码和从账单信息自动填充交付信息。在表单标记中,我有onsubmit=“return verifyPswd()”,从HTML文件外部调用它就可以了。但我现在尝试的是从URL(我使用method=“GET”)或其他方式提取表单数据,并在我的第三个HTML页面(即结果页面)上显示数据。我已经尝试了一切,甚至将javascript代码移动到第一个HTML页面,但完全没有任何效果,所以我注册了so

以下是我的部分代码,我认为这对准确的帮助很重要。非常感谢

我的表单html页面:


快点!
…所有的表单代码。。。

我的结果html页面:


快点!

您的表单已成功提交


我想最难或最令人困惑的部分是我到底在哪里调用函数来显示条目?!在结果页还是表单页?你能要两份安检吗?我很沮丧。

您可以使用localstorage保存您的项目,并在其他页面中获取它们:

localStorage.setItem("yourDataKey", "This can be anything, simple string, or a complex object");
var myDataFromFirstPage = localStorage.getItem("yourDataKey");
并将其返回到另一页:

localStorage.setItem("yourDataKey", "This can be anything, simple string, or a complex object");
var myDataFromFirstPage = localStorage.getItem("yourDataKey");
如果需要将其删除,也可以执行以下操作:

localStorage.removeItem("yourDataKey");

您可以传递任何类型的数据,可以是简单的字符串,也可以是复杂的对象。

如果没有服务器代码,您的数据将无法在页面中持久保存,因此您需要一个全局存储,每个数据都可以访问。您不能简单地获取一个javascript文件并设置变量,因为当下一页加载它们时,它不会查看这些更改

我强烈建议(目前)将您的值存储在浏览器的会话存储或本地存储中。只要您在域中,数据就会一直存在

以下是如何在javascript中执行此操作:

// Save data to sessionStorage
sessionStorage.setItem('key', 'value');

// Get saved data from sessionStorage
var data = sessionStorage.getItem('key');

// Remove saved data from sessionStorage
sessionStorage.removeItem('key');

// Remove all saved data from sessionStorage
sessionStorage.clear();
会话存储仅在浏览器关闭前保留值,如果关闭浏览器并返回,则本地存储将保留

对于本地存储,您只需将上面的“会话存储”替换为“本地存储”

请在此处查看参考资料:


使用javascript cookies将javascript代码放在Cookie之外,您也可以使用web存储