CODEWITHSUNDEEP
c#asp.netjquerysqllinq
Stuart
Stuart

Reputation: 12255

How can I use JQuery to indicate that the user waits until the db updates

I'm new to JQuery, but as a follow on from my previous question regarding duplicated entries to the database, on a forum type application, the question is: Is JQuery a good solution to show to the user, transaction progress, state of submit etc And what is the best solution, if using JQuery Else what other solution is right.

With a view to learning JQuery, and integrating into my application, to replace asp.net ajax extenders, and partial page postbacks, can anyone point me in the direction of helpful resource.

Thanks

Upvotes: 0

Views: 158

Answers (2)

antonioh
antonioh

Reputation: 2944

jQuery sounds to me as the perfect tool for that, you could use these effects:

http://docs.jquery.com/Effects

combined with an ajax call

http://docs.jquery.com/Ajax

used as asyncronous = false, so you revert the effect to the original state, once the ajax call has finished.

Of course then, there are plugins, but with these you can make your own behaviour easily.

Upvotes: 1

tvanfosson
tvanfosson

Reputation: 532765

You can use jQuery.ajax to send the request back to the server for processing. Set up beforeSend and complete callbacks to show/hide an "in progess" image, say an animated GIF spinner. You can also use the error callback to show an error message or dialog when the request fails.

 $.ajax({
   type: "POST",
   url: "forum-update.aspx",
   data: $('form').serialize(),
   beforeSend: function() { $('#spinner').show() },
   complete: function() { $('#spinner').hide() },
   error: function(request,status,error) {
       alert(error); // or maybe status?
   },
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

Upvotes: 1

Related Questions