Question

如何在数据库中插入新行时使用localStorage？我有一个表单，在提交后，表单值将保存到localStorage中。我刷新页面，我再次填写表单并单击提交并再次将值保存到我的localStorage。我多次这样做。

如何保存表单值而不覆盖它们？我希望localStorage保存表单，就像向数据库插入新值一样。

form[0]
   name: "jane"
form[1]
   name: "john"
form[2]:
   name: "joe"

Answer 1

我不太确定你为什么要这样做，但你可以做到以下几点。

您可以序列化表单并存储rsult。 LocalStorage就像cookie一样，关键：值对。你可以这样做：

localStorage.setItem("form_1", {name: "jane"});

您可以为每次提交重复此操作。获取数据如下：

localStorage.getItem("form_1");

希望这可以帮助你。

Answer 2

您可以使用javascript数组来跟踪表单。例如：

var formValues = JSON.parse(localStorage.formValues);
// When you submit add to form values
formValues.push({ /* Form data */ });
localStorage.formValues = JSON.stringify(formValues);

要使用formValues[formIndex]来检索值。

Js fiddle：http://jsfiddle.net/prankol57/3ZHqH/

将多个表单保存到localStorage

2 个答案: