从不同的 javascript 文件访问 HTML 表单提交的值？

Question

编辑：改写问题以减少歧义。

我有两个 HTML 文件，x.html 和 y.html，还有两个 javascript 文件，x.js 和 y.js。我在 x.html 中有一个表格，如下所示：

<form action="y.html">
<input type="text" value="Blank." />
<br />
<input type="submit" />
</form>

注意x.html和x.js一起工作，y.html和y.js一起工作。我想访问用户从 y.js 提交到此表单的值。我该怎么做？

谢谢！

Answer 1

所以，下面是a.html的来源，使用get方法将数据发送到b.html，重定向后，表单的数据将在查询字符串中可用，如/b.html?ta=sfsdfsdfsdfs

<form action="b.html" method="get">
    <textarea name="ta" id="" cols="30" rows="10"></textarea>
    <input type="submit" value="Submit" id="subBtn">
</form>

Answer 2

您可以使用任何查询字符串或 GET 参数来执行此操作。在第 x 页的表单中，您可以使用定义方法作为 GET，当提交此表单时，它将被定向到一个地址，其中包括您的变量和用户传递的参数。现在在第 y 页中，您可以只使用 window.location.search 值并使用变量。此外，您还可以利用 cookie 来做同样的事情。

如果可能，请更详细地描述您的问题，以便 post 找到相关的解决方案。

Answer 3

您可以使用 window.sessionStorage or window.localStorage to keep String data across page loads on the same origin.

在 x' 中，formElement 是对 <form> 的引用，textElement 是 <input> 或 <textarea> 参考，在提交 <form> 时使用 node.addEventListener(event_type, handler) 设置事件处理程序

formElement.addEventListener('submit', function (e) {
    window.sessionStorage.setItem('foobar', textElement.value);
});

在y'中你可以访问

var foobar = window.sessionStorage.getItem('foobar');
if (foobar === null) console.warn('nothing got set on x :(');

从不同的 javascript 文件访问 HTML 表单提交的值？

Access HTML form submitted value from a different javascript file?

html

javascript

forms

user-input