asp.net-mvc - 使用 jQuery + ASP.NET MVC 自动保存表单输入

Question

我们希望实现一个能够定期自动保存内容的网络表单。类似于 gmail/google docs 自动保存功能。

有人可以建议如何使用 ASP.NET MVC + jQuery 实现这一点吗？

Answer 1

jQuery Forms plugin ASP.NET MVC 操作应该可以完成这项工作:

public ActionResult SaveDraft(FormCollection form)
{
    // TODO: Save the form values and return a JSON result 
    // to indicate if the save went succesfully
    return Json(new { success = true });
}

在您的 View 中，只需定期调用此操作即可:

setInterval(function() {
    $('#theFormToSave').ajaxSubmit({ 
        url    : 'SaveDraft',
        success: function (data, textStatus) {
            if (data.success) {
                alert('form successfully saved');
            }
        }
    });
}, 30000);