Is there an API/ solution for Auto-saving data of lengthy web forms using MVC architecture (asp.net,c#,jquery,ajax)

Question

我试图在我的 Html 代码中遵循此代码。 MVC 中的自动保存 (ASP.NET)

 <div class="form-horizontal"> <hr /> @Html.ValidationSummary(true) <div class="form-group" data-dirty="false"> @Html.LabelFor(model => model.Username, htmlAttributes: new { onchange = "function()", @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.Username) @Html.ValidationMessageFor(model => model.Username) </div> </div> <div class="form-group" data-dirty="false"> @Html.LabelFor(model => model.Password, htmlAttributes: new { onchange = "function()", @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.Password) @Html.ValidationMessageFor(model => model.Password) </div> </div>

`由于表单足够长，其中包含 200 多个控件/元素。我尝试使用本地存储在客户端存储数据，但本地存储限制为 10 kb 大小。 看来我需要在服务器端存储数据。 我必须通过自动保存数据来做以下事情。

1. 当用户填写表格时，数据应在 30 秒左右后自动保存。

2. 如果浏览器被错误地关闭，再次打开页面，数据应该在那里。

3. 如果页面再次刷新，数据不应该丢失。

4. 我也必须跟踪用户在 web forms 上所做的更改。

请为我推荐这些任务的解决方案。

Answer 1

您将需要使用 JQuery/Javascript 来

• 超时后保存数据
• 检测重定向/刷新
• 检测 DOM 闭包

我不知道 MVC 中有任何现有的库或能力来执行此操作。