Comment mettre en œuvre une “Auto Save” ou “Enregistrer le Brouillon” dans ASP.NET?

J'ai un formulaire d'inscription ASP.NET 2.0. Je veux sauver mon formulaire d'inscription les champs en cliquant sur le bouton "soumettre" ou ils doivent être enregistrées toutes les cinq secondes.

Par exemple, j'ai trois champs dans ma page d'inscription:

UID
PWD
Name

L'utilisateur a entré UID et PWD et tandis qu'il est d'entrer Name les valeurs précédentes doit être enregistré sans interruption des entrées de l'utilisateur

Comment pourrais-je le faire dans ASP.NET?

OriginalL'auteur Sandy | 2010-10-08

  1. 9

    Vous pouvez le faire avec un bout de Javascript & jQuery. Une fonction qui est déclenché par une minuterie qui lit régulièrement le formulaire de données que vous souhaitez sauvegarder et les postes à dos une SaveDraft.aspx page. Dans cette page persiste les données quelque part (comme une base de données).

    Si l'utilisateur se déconnecte ou leur session est perdu, vous pouvez interroger ces données et de pré-remplir le formulaire si les données existent.

    Sur la saisie de vos données page ASPX:

    //Usual ASP.NET page directives go here

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" ></script>
  </head>
  <body>
    <form id="form1" runat="server">
      <div>
        <asp:textbox id="username" runat="server" /><br />
        <asp:textbox id="password" runat="server" /><br />
        <asp:textbox id="realName" runat="server" /><br />
        <asp:button id="Submit" onclick="Submit_Click" 
              usesubmitbehavior="true" runat="server" />
      </div>
    </form>

    <script type="text/javascript">
      $(document).ready(function () {
        //Configure to save every 5 seconds
        window.setInterval(saveDraft, 5000);
      });

      //The magic happens here...
      function saveDraft() {
        $.ajax({
          type: "POST",
          url: "SaveDraft.aspx",
          data: ({
            username: $("#<%=username.ClientID %>").val(),
            password: $("#<%=password.ClientID %>").val(),
            realName: $("#<%=realName.ClientID %>").val()
          }),
          success: function (response) {
            alert('saved draft');
          }
        });
      }
    </script>
  </body>
</html>

    Dans votre SaveDraft.aspx page:

    public partial class SaveDraft : System.Web.UI.Page
{
  protected void Page_Load(object sender, EventArgs e)
  {
    string username = Request.Form["username"];
    string password = Request.Form["password"];
    string realName = Request.Form["realName"];

    //Save data somewhere at this point    
  }
}

    Qui devrait vous obtenir a commencé.

    pouvez-vous poster le minuteur et fonction d'appel en trop?
    J'ai reçu votre point. Mais je ne sais pas comment faire? donc, si u poste le code source qui va être facile pour moi.
    J'ai mis à jour ma réponse avec un prototype
    Merci beaucoup pour ur de l'aide.....
    Quel est l'équivalent de la Réponse.Form["username"]; en Vb .net?

    OriginalL'auteur Kev