Question

169

AJAX Autosave functionality

rated 0 times [ 175] [ 6] / answers: 1 / hits: 58866 / 15 Years ago, sun, may 31, 2009, 12:00:00

What's the best javascript library, or plugin or extension to a library, that has implemented autosaving functionality?

The specific need is to be able to 'save' a data grid. Think gmail and Google Documents' autosave.

I don't want to reinvent the wheel if its already been invented. I'm looking for an existing implementation of the magical autoSave() function.

Auto-Saving:pushing to server code that saves to persistent storage, usually a DB. The server code framework is outside the scope of this question.

Note that I'm not looking for an Ajax library, but a library/framework a level higher: interacts with the form itself.

daemach introduced an implementation on top of jQuery @ http://daemach.blogspot.de/2007/03/autosave-jquery-plugin.html [script host down]. I'm not convinced it meets the lightweight and well engineered criteria though.

Criteria

stable, lightweight, well engineered

saves onChange and/or onBlur

saves no more frequently then a given number of milliseconds

handles multiple updates happening at the same time

doesn't save if no change has occurred since last save

saves to different urls per input class

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

victorw

Add To Favorites

Follow

Total Points: 484

Total Questions: 120

Total Answers: 107

Location: Faroe Islands

Member since Thu, Apr 8, 2021

3 Years ago

victorw questions

1 add country code in the dropdown of intl-country-code dropdown in jquery

Mon, Mar 28, 22, 00:00, 2 Years ago

1 how to redirect from a utility function in remix run

Fri, Mar 18, 22, 00:00, 2 Years ago

1 How to know if form input is empty (React Hooks)

Sun, Feb 20, 22, 00:00, 2 Years ago

1 How to change NODE_ENV when building app with webpack?

Fri, May 7, 21, 00:00, 3 Years ago

1 Bootstrap 5 : show modal with javascript

Sat, Mar 13, 21, 00:00, 3 Years ago

View All

answered 15 Years ago alora · Accepted Answer

Autosave should be pretty simple to implement, and you could use one of the major frameworks like jquery or mootools. All you need to do is use window.setTimeout() once your user edits something that should be autosaved, and have that timeout call the javascript frameworks standard AJAX stuff.

For example (with 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

    }

}