我如何通过只使用HTML和JS在HTML页面之间传递数组？
我在test0.html文件中有这段简单的代码，它将数据发送到test1.html：
<body>
<form action="test1.html">
<input type="text" name="array[0]" placeholder="val1" id="">
<input type="text" name="array[1]" placeholder="val2" id="">
<input type="submit" value="send">
</form>
</body>
然后在test1.html上有这段代码，它应该将一些新数据发送回test0：
<body>
<form action="test0.html">
<input type="text" name="array[2]" placeholder="val3" id="">
<input type="text" name="array[3]" placeholder="val4" id="">
<input type="submit" value="send back">
</form>
当我将数据发送回test0时，我只是得到test1.html中键入的最新数据。我想知道如何跟踪以前从test0发送的内容。
谢谢！
共有1个答案
由于默认的表单方法是GET，表单参数将使用查询参数传递
因此您可以为每个查询参数向窗体中添加一个隐藏的输入字段。
<body>
<form action="test0.html">
<input type="text" name="array[2]" placeholder="val3">
<input type="text" name="array[3]" placeholder="val4">
<input type="submit" value="send back">
</form>
<script>
(function() {
var form = document.querySelector("form");
var queryParams = new URLSearchParams(location.search);
for (var key of params.keys()) {
var input = document.createElement("input");
input.type = "hidden";
input.name = key;
input.value = queryParams.get(key);
form.insertBefore(input, form.firstChild);
}
})();
</script>
</body>
-
问题内容： 我想将一些数据从一个HTML页面发送到另一HTML页面。我通过类似的查询参数发送数据 。这种方法的问题在于数据保留在URL中。是否有其他方法可以使用JavaScript或jquery在HTML页面之间发送数据。 问题答案： 为什么不将值存储在HTML5存储对象（例如或）中，请访问HTML5存储文档以获取更多详细信息。使用此功能，您可以在本地临时/永久存储中间值，然后在以后访问您的值。
-
我正在使用jquerymobile/jquery/js开发网页。我想将数据从一个页面传递到另一个页面。 使用jquerymobile中的多页模板，我可以实现这一点，但可以帮助我使用单页模板。请我不想使用全局变量或cookie或本地存储或使用url。试图通过使用Jquery.data但无法实现此目的。请发布一个示例。 我有两页。在第二页连接“pagebeforeshow”事件时，我没有得到b1按钮对
-
问题内容： 我是AngularJS入门者。我正在尝试从发送数据： A页：范列表页 至 网页B：Van更新页面。 当用户单击货车的更新链接时，我正在调用控制器并在控制器中检索货车详细信息。但是，我无法使用同一控制器将货车详细信息分配给页面B（货车更新页面）…错误 问题答案： 您需要创建一个服务，以便能够在控制器之间共享数据。 在控制器A中： 在控制器B中： 请记住通过将myService作为参数传递
-
我有两个简单的页面。我需要将用户填写的文本框的值发送到另一个简单页面。我已经放弃了如何在wordpress页面之间传递数据。我得到了以下错误： 警告： sizeof（）：参数必须是一个数组或一个对象，在第175行的D：\xamp\htdocs\wordpress\wp-Content\plugins\alle-php-in-post-and-page\allowphp.php中实现Countabl
-
问题内容： 我有两个页面-“页面1”和“页面2”。在第1页上，有一个文本框，其值例如为100，最后是一个按钮。 通过按下按钮，我希望javascript将文本框的值保存在全局（？）变量中，然后跳转到第2页。使用“ window.onload”，我想要第二个Javascript函数来提醒保存在page1的值。 这是我的Javascript代码： 在“页面1”上，我有一个带有以下内容的发送按钮： 它启
-
问题内容： 我有两个HTML页面，和。 我如何将变量从传递到使用查询字符串，并在不使用任何服务器端代码的情况下检索该变量？ 问题答案： 在example1.html中： 或根据需要使用Javascript生成链接。只要确保？varName = value以某种方式到达example2.html的末尾即可。 然后，在example2.html中，使用Javascript解析example2随附的查询