Question

How to autosave a web form in every 10 seconds till the user log out. Is there any method using system.thread.sleep class.? Or is there any other feasible method to achieve this. I am using .net 2.0. Thanks in advance.

Answer 1

As a hint to help you move on, and using jQuery here is some code:

var ajxAutoSaveTimer = null;

function TriggerChanges()
{
   if(ajxAutoSaveTimer)
     clearTimeout(ajxAutoSaveTimer);

   ajxAutoSaveTimer = setTimeout(MakeAutoSave, 10000);
}

function MakeAutoSave()
{
  // fix the data that you going to send here.

  jQuery.ajax({
        url: "PageName.aspx/MethodName",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: false,
        success: function(data) 
        {
          // you can make a tiny notification here
          return;
        }
        error: function(responseText, textStatus, XMLHttpRequest) {             
                return;
            }
    });
}

jQuery(document).ready(function() {
    jQuery(":input:not(*[ExcludeFromNotice])").bind('change', TriggerChanges);
});

Now what I do here.
Starting with this line, I capture all the input that are the changes by the user controls. All exept the one that I have flagged with ExcludeFromNotice because some of them I do not won to be part of the autosave process.

jQuery(":input:not(*[ExcludeFromNotice])").bind('change', TriggerChanges);

you can set that to a control as "ExcludeFromNotice=true" on properties. Alternative you can set a class only to the controls you like to be part of the auto-save notification.

Now on TriggerChanges() what I do is to create a time that is fired after 10sec that user not make other changes.

And the rest part that is the most difficult, if the MakeAutoSave(), there you need to collect and post the autosaved data.

Some extra pages that can help you make the ajax call that saves the data:
http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/
How to post form data in asp.net using ajax