Question

I make an ajax call to a servlet’s post method from my js file.
I wish to show an alert box till I get a response back.
How can i do it using ajax.

The alert window should close after I get response automatically.
ajax post request

    $.post(fullpath, function(data) {
        fnBookTicket(data);
    });

Answer 1

Use a popup DIV instead and then close it…

CSS

 div#popup { display: none; position: absolute; width: 200px; height 100px; 
     top: 50%; left:50%; margin-top: -50px; margin-left: -100px; 
     background: white; border: 1px solid blue; z-index: 9999 }

HTML

 <div id="popup">Alert! Loading...</div>

JS

  $('div#popup').show();
  $.post(fullpath, function(data) {  
    $('div#popup').hide();
    fnBookTicket(data); 
  });

The popup shows before the ajax call and hides in the success handler, that is when data is loaded…