将数据传递到另一个页面并在该页面上提交表单

Question

我想要 page1.html 上的按钮。 该按钮会将数据传递给 page2.html，它上面有一个表单，将数据加载到表单中，然后在 page2.html 上提交表单。 这可能吗？ 怎么做？ 我似乎找不到任何这方面的例子。

谢谢！

Answer 1

当然，最好的办法是使用后端...但是我想您不会问您是否有这种选择。

您可以做的一件事是在URI中使用锚点，例如： /page2#?field=value&fld=val

然后在页面加载时，检查定位标记并对其进行处理：

$(function(){
  let hash = window.location.hash.substr(1);
})

这是让您动手的笨拙的人： https ://plnkr.co/edit/u9fPGFZedXGmKbbdXVvy?p=preview

因此，一旦有了hash ，就可以将其解析为JSON并使用它配置表单。

由于这些类似于小提琴的网站是如何运作的，因此它尚不明显。 但这确实有效！ 要检出它，请在单独的窗口模式下打开预览，然后复制URL，在新选项卡中打开该URL，并在其上添加示例哈希，然后按Enter键。 然后重新加载页面。

Answer 2

我最终使用了PHP的Post方法：

从原始page1.php页面：

<form action="page2.php" method="post">
     <input type="hidden" name="MyName" id="MyId" value="MyVal">
     <input type="submit" value="Post to page2">
</form>

在接收page2.php页面时：

<?php if (!empty($_POST)) : ?> // Check for Post data
    <script>
       document.getElementById("MyId").value = '<?php echo $_POST["MyName"]; ?>'; //update form on page2.php by field ID
       document.getElementById('FormToSubmit').click();
    </script>
<?php endif;?>

完美运作

Answer 3

 You can simply add (target="_blank") to form tag and you can get data in specific action page
 <form action="test.php" method="post" target="_blank">
    <input type="text" name="test" />
    <button type="submit" name="submit">Submit</button>
</form>