jquery ajax synchronous call beforeSend

Question

I have a function called:

function callAjax(url, data) {
 $.ajax(
   {
     url: url, // same domain
     data: data,
     cache: false,
     async: false, // us         


        

Answer 1

This is what you are looking for - .ajaxStart()

It will be triggered when any ajax event starts

http://api.jquery.com/ajaxStart/

They even give a specific example similar to what you are trying to accomplish:

 $("#loading").ajaxStart(function(){
   $(this).show();
 });

You can then use the .ajaxStop() function

$("#loading").ajaxStop(function(){
      $(this).hide();
});