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

Access HTML form submitted value from a different javascript file?

本文关键字：HTML 表单提交 访问 javascript 文件      更新时间：2023-09-26

EDIT：重新表述问题，使其不那么模棱两可。

我有两个HTML文件，x.HTML和y.HTML，还有两个javascript文件，x.js和y.js

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

请注意，x.html和x.js可以一起工作，y.html和y.js也可以一起工作。我想访问用户从y.js提交到该表单中的值。如何做到这一点？

谢谢！

您可以使用window.sessionStorage或window.localStorage在同源上的页面加载中保持字符串数据。

在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 :(');

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

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

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

相关文章：