Javascript 如何在单击submit按钮后将数据从一个Html页面的表单获取到另一个页面，而无需通过服务器

我正在用Html创建一个表单，我想返回用户在Html的另一个页面上输入的数据。我不想重复客户机-服务器编码。单击Submit按钮后，只需一个包含数据的简单Html页面。 我是Html新手，所以正如您所看到的，我已经在表单的action属性中编写了一个Html文件名。这是行不通的。请回答，我在其他地方找不到答案。 我对javascript持开放态度

<form action="formData.html" method="POST">

<table width="70%"  cellpadding="8"> 
 <tr>      
     <td width="40%">First Name:</td>         
     <td> <input type="text" name="first_name" /></td>
 </tr>
 <tr>
     <td>Middle Name:</td> 
     <td><input type="text" name="middle_name" /></td>
 </tr>
 <tr>
     <td>Last Name:</td>
     <td colspan="2"><input type="text" name="last_name" /></td>
 </tr>
 <tr>    
     <td>Gender :</td>
     <td width="30%"><input type="radio" name="gender" />Male</td>
     <td width="50%"><input type="radio" name="gender" />Female</td>
 </tr>
 </table>
 <input type="submit" value="submit" />
 </form>

名字：
中名：
姓氏：
性别：
男性
女性

您可以尝试将其保存在url中（例如），然后使用js读取它，等等

获取变量所需的代码如下：

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

@版权不受质疑

---

Codepen示例：

我想要返回的数据所在的页面应该是HTML页面。另一个HTML页面是否在同一个域@manishYes，另一个页面是否在同一个项目的同一文件夹中。-@JFitso当您点击提交时，它会转到第二页？你想在另一页上使用输入吗@manishYes，@JFit它会转到我想要的第二个Html页面。但输入数据未显示在页面上。如果您有一个ans.greedly replyYea，@Jamie I可以通过GET方法返回另一个Html文件url中的数据。但我不知道如何在页面上检索它，就像在js的帮助下一样。-让我给我的答案添加一个例子-很抱歉没有包括答案，@Manish。