将值从一页传递到另一页

Question

我想将表单值从一个html页面传递到另一个html页面。

我想知道是否可以在不使用服务器端代码的情况下在html页面之间传递值。

如果没有，我该如何传递值？（我更喜欢不使用服务器端...）

这是我的一些项目代码：

第一HTML页面

 <form id="myForm" method="post" action="secondHTMLPage URL">
      <input type="hidden" id="UserID" name="UserID" value="12345">
 </form>
 <script type="text/javascript">
      $("#myForm").submit();
 </script>

第二HTML页面

 <script type="text/javascript">
      // In here, I want to retrieve my $("#myForm")'s data from First Page.
 </script>

Answer 1

您可以尝试使用Window.sessionStorage或Window.localStorage

一页设置值

localStorage.setItem('myCat', 'Tom');
//using sessionStorage 
//sessionStorage.setItem('myCat', 'Tom');

在其他页面中获取值

var cat = localStorage.getItem('myCat');
//using sessionStorage 
//var cat = sessionStorage.getItem('myCat');

Answer 2

我想这样是否可以在html页面之间传递值

可能，但不安全。

为此，将数据直接传递到url。

location.href = "http://your.url.here?value=youwanttotpass";

然后下一页

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam'); 

为什么要这样做取决于您。但是，如果您要进入该领域，我强烈建议您学习服务器端方法。