自動保存/提交表單在頁面/瀏覽器關閉/退出

Question

我有一個保存按鈕的形式，但我希望用戶能夠隨時回來的形式來完成填寫。我想知道如果可以繞過保存按鈕，則用戶填寫表單的一部分，只要他們離開頁面或關閉瀏覽器，它會自動保存表單以便下次繼續。

什麼是最好的實施方式？預先感謝任何幫助，我們非常感謝。

我已經看到一些JavaScript的例子，但看到了跨瀏覽器支持的問題。

Answer 1

jQuery插件，適用於自動保存功能治療。 http://plugins.jquery.com/project/jquery-autosave

此處瞭解詳情： http://rikrikrik.com/jquery/autosave/#examples

包括插件：

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

自動提交表單，而不刷新頁面。

我已經將我的間隔設置爲一秒（1000），因此表格每秒都會被保存。因此，如果用戶在編輯後退出表單，那麼它已經自動保存。

Answer 2

您可以卸載使用Ajax調用是這樣的：

window.onunload = myfunc(); 

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