自动保存/提交表单的页面/浏览器关闭/退出 - auto save/submit form on page/browser close/exit

auto save/submit form on page/browser close/exit

我有一个带有保存按钮的表单，但我希望用户能够随时回到表单完成填写。我想知道是否有可能绕过保存按钮，这样用户就可以填写部分表单，一旦他们离开页面或关闭浏览器，它就会自动保存表单以便下次恢复。

实现这个的最好方法是什么?提前感谢您的帮助，非常感谢。

我看到了一些javascript的例子，但是看到了跨浏览器支持的问题

您可以像这样使用AJAX调用卸载:

window.onunload = myfunc();
function myfunc() {
  alert("i am closing now");
  // Your AJAX Call that saves your data (e.g. all input fields)
}

Jquery插件，用于自动保存功能。http://plugins.jquery.com/project/jquery-autosave

更多信息在这里:http://rikrikrik.com/jquery/autosave/示例

包括插件:

<script type="text/javascript" src="scripts/jquery.autosave.js"></script>
    $('form.formnamehere').autosave({
      'interval': 20000
    });

自动提交表单而不刷新页面。

我将间隔设置为1秒(1000)，因此表单每秒钟保存一次。因此，如果用户在编辑后退出表单，则它已自动保存。