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

您可以使用window.sessionStorage或window.localStorage在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 :(');

Answer 2

因此，下面是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 3

您可以使用任何查询字符串或GET参数来执行此操作。在第x页的表单中，您可以使用define方法作为GET，并且在提交此表单时，它将被定向到包含您的变量和用户传递的参数的地址。现在在页面y中，您可以使用window.location.search值并使用该变量。此外，您可以使用cookie并执行相同的操作。

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

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

3 个答案: