Javascript 如何使按钮在不链接到另一页的情况下将数据保存到另一页

每当我在问卷中输入详细信息时，我都会按按钮确认详细信息，但这会将我链接到我希望保存的页面。我不希望这种情况发生，因为我需要在页面上完成更多不同表单控件中的内容。 所以我想要的是一个按钮，它可以将文本框答案保存到另一个页面，而无需链接

    <form action="Assignmentcheckout.php" method="post">
<p>Surname:<input name="surname" type="text" required="required">
<br>
<br>
Name:<input type="text" name="firstname">
<br>
<br>
<input type="radio" name="gender" value="female">Female
<br>
<br>
<input type="radio" name="gender" value="male">Male
<br>
<br>
Street:<input type="text" name="street">
<br>
<br>
Suburb:<input type="text" name="suburb">
<br>
<br>
City:<input type="text" name="city">
<br>
<br>
State:<select name="state">
    <option>QLD</option>
    <option>NSW</option>
    <option>VIC</option>
    <option>TAS</option>
    <option>WA</option>
    <option>SA</option>
    <option>NT</option>
</select>
<br>
<br>
<input type="radio" name="delivery" value="delivery">Delivery
<br>
<br>
<input type="radio" name="delivery" value="pickup">Pickup<br>
<br>
</p>
<button type="submit" value="Confirm details">Confirm details</button>
</form> 

---

请提供答案

Ajax将在不刷新现有页面的情况下传输信息。如果您希望保持数据可供进一步输入，您可能希望研究使用$\u SESSION

我只熟悉php或html，但如果我只需要代码底部的一个按钮，而不需要将我转移到页面，我可以学习jscript，但会将信息保存到该页面。因此，稍后我可以转到该页面并查看以前输入的信息