GIF картинка на все Ajax запросы


Когда создаются большие проеткы то ajax запросов тут ни как не обойтись. Ну и соответственно когда выполняется данный запрос пользователь не видит и даже не знает что происходит в данный момент. Чтобы показать что идет обращение в БД или к странице или обрабатывается какой то запрос необходимо поставить видет картинку GIF ну или еще что то. 

 

Ну конечно же на каждый ajax запрос писать один и тот же код не приемлимо.

Конечно можно создать код типа 
$.ajax({
  type: 'POST',
  url: 'ajaxform/captchaimg.php',
  beforeSend: function(){
    $('#spanimg').html(img/loading.gif);
  },
  success: function(msg){
  $('#spanimg').html(msg);
}

Но минус такого кода что один и тот же текст придется писать всегда и везде.

Чтобы Данная картинка всегда появлялась во время ajax запроса можно написать такой простенький код

$.ajaxSetup(
{
  global: true,
  beforeSend: function(e){
    $('#spanimg').html(img/loading.gif);
  },
  complete: function() {
    $('#spanimg').html('');
  }
});

Теперь при каждом запросе у вас всегда будет показываться картинка, а когда запрос закончит всю обработку данных то картинка изчезнет.