如何在页面刷新时保留提交的数据

Question

我正在尝试创建一个基本表单，允许我将手动表单的详细信息添加到数据库中，但我遇到的问题是，如果页面被刷新，我无法在字段中保留数据。

jsfiddle

如果使用会话意外刷新页面，我希望能够保留字段中的所有数据，但我不知道如何创建使用会话存储数据的代码，这将允许我将详细信息添加到我尚未创建的MySQL数据库，并研究如何使用Ajax添加数据。

任何有关如何使用动态表单中输入的SESSION保留数据的帮助都将非常受欢迎。

Answer 1

为此目的使用cookie：

在离开页面之前，在cookie中复制表单数据并在刷新时使用这些cookie重新填写表单。

Answer 2

一旦你提交页面，数据就被发送到服务器并加载一个新页面（你的情况，这是和以前一样的页面）你可能会看到使用jQuery.post或jQuery.ajax发送表单数据到服务器而不是实际提交表单。

Answer 3

<table>
<tr>
<td>
Sample Data
</td><td><input id="sampleData" type="text"></td>
</tr>
</table>

console.log($(this).text());