Show spinner when ajax async is set to false

Mar 31 2015 5:00 AM

I have created multi screen approach using ASP.MVC For that purpose I am using single view with multiple div's concept(each div is each screen).

When user clicks next/previous button it will validate all client and server side validations then only it will go the next/previous screen(means div.show)

For the Server side calls I am using Ajax calls, the result will be true or false. Based on that the page will move to next/previous screen.

For that I set Async = false in ajax call. It means that it will wait for the server response other wise it can not wait for server response so that it leads to next/previous screen.

Can anyone please suggest me the solution that how can we show the spinner for this approach..? Here we should not follow the sessions concept so that we have chosen this single view with multiple div's approach.