Question

I’m building a few webpages in my webapplication which use a webservice.
While communicating with the webservice, which can take more than a few seconds, I want to display a loading screen. Something like the jquery dialog, where the background is disabled and a loading image appears in the middel of the webpage.

Is this possible and how can I do this?

Answer 1

I use blockUI plugin for such requirement. Its pretty simple and straight forward to use. For example:

$.blockUI({ message: '<h2>Loading</h2>' });
// call to the web service

And in success and failure callbacks of ajax request, include call to unblock

$.unblockUI();