有没有实现自动保存功能的最佳JavaScript库、插件或扩展库?
具体需要能够“保存”数据网格。类似Gmail和Google文档的自动保存。
如果已经发明了轮子，我就不想再重新发明一次。我正在寻找一个已经存在的神奇autoSave()函数的实现。
自动保存：将数据推送到服务器代码进行保存，通常是数据库。服务器代码框架超出了本问题的范围。
请注意，我不是在寻找Ajax库，而是在寻找一个更高层次的库/框架：与表单本身交互。
daemach在jQuery上介绍了一个实现 @ http://daemach.blogspot.de/2007/03/autosave-jquery-plugin.html [脚本主机已停机]。但我不确定它是否符合稳定、轻量级和良好设计的标准。
标准
自动保存应该很容易实现，您可以使用其中一个主要框架，如jQuery或MooTools。只需在用户编辑应该自动保存的内容后使用window.setTimeout()，并让该超时调用JavaScript框架的标准AJAX即可。
例如（使用jQuery）：
var autosaveOn = false;
function myAutosavedTextbox_onTextChanged()
{
if (!autosaveOn)
{
autosaveOn = true;
$('#myAutosavedTextbox').everyTime("300000", function(){
$.ajax({
type: "POST",
url: "autosavecallbackurl",
data: "id=1",
success: function(msg) {
$('#autosavenotify').text(msg);
}
});
}); //closing tag
}
}
我知道这个问题很旧了，但我想分享一段我最喜欢的代码。我在这里找到了它： http://codetunnel.io/how-to-implement-autosave-in-your-web-app/
以下是代码：
var $status = $('#status'),
$commentBox = $('#commentBox'),
timeoutId;
$commentBox.keypress(function () { // or keyup to detect backspaces
$status.attr('class', 'pending').text('changes pending');
// If a timer was already started, clear it.
if (timeoutId) clearTimeout(timeoutId);
// Set timer that will save comment when it fires.
timeoutId = setTimeout(function () {
// Make ajax call to save data.
$status.attr('class', 'saved').text('changes saved');
}, 750);
});
当用户停止输入超过750毫秒时，它会自动保存。
它还具有状态指示功能，让用户知道更改是否已保存。
为了在cookie中简单地自动保存表单字段，我使用这个很棒的插件http://rikrikrik.com/jquery/autosave/。它不会将数据发送到服务器，但如果您找不到更好的东西，升级它的功能比从头开始做要容易得多。
[WebMethod]
public void AutoSave(String autoSaveContent)
{
// Save
}
调用此方法的jQuery请求如下：
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "AutoSaveService.asmx/AutoSave",
data: "{textBoxToAutosaveText}",
dataType: "json"
});
就这些了。你可以在http://jquery.com/找到jQuery。
function autoSave()
{
$.get(URL, DATA); // Use any AJAX code here for the actual autosaving. This is lightweight jQuery.
setTimeout("autoSave()", 60000); // Autosaves every minute.
}
autoSave(); // Initiate the auto-saving.
$.post()代替。 - John Kary同步是一个jQuery插件，它为您的HTML页面添加功能，定期自动将用户输入发送回服务器。（源代码）
JavaScript和HTML示例：
<script>
$("input").synchronize();
</script>
<input type="text" value="initial_value"
class="{url:'/entity.cfc?method=updateDescription',data:{ID1:'1',ID2:'2'}}" />
默认延迟1秒后的Ajax请求结果：
http://localhost/entity.cfc?method=updateDescription&value=update_value&preVal=initial_value&ID1=1&ID2=2