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方法：

来自origin1.page页面：

<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;?>

完美运作

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

2 个答案: