小编典典

AJAX自动保存功能

ajax

实现自动保存功能的最佳javascript库或库的插件或扩展是什么?

特定的需求是能够“保存”数据网格。考虑gmail和Google Documents的自动保存。

如果车轮已经被发明,我不想重新发明。我正在寻找神奇的autoSave()函数的现有实现。

自动保存:推送到保存到持久性存储(通常是数据库)的服务器代码。服务器代码框架不在此问题的范围内。

请注意,我不是在寻找Ajax库,而是在寻找更高级别的库/框架:与表单本身进行交互。

daemach在jQuery @ http://daemach.blogspot.de/2007/03/autosave-jquery-
plugin.html
[脚本宿主关闭] 上介绍了一个实现。我不确信它符合轻量级和精心设计的标准。

标准

  • 稳定,轻巧,设计精良
  • 保存onChange和/或onBlur
  • 在给定的毫秒数内不再节省频率
  • 处理同时发生的多个更新
  • 如果自上次保存以来未发生更改,则不保存
  • 每个输入类保存到不同的URL

阅读 344

收藏
2020-07-26

共1个答案

小编典典

Autosave的实现应该非常简单,您可以使用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
    }
}
2020-07-26