AJAX загрузка изображения с низкой видимостью

Question

У меня есть простая проблема. Я отправляю данные из формы в свою БД, используя запрос AJAX. Я закодировал в загрузочном GIF, используя перед отправкой и команд в моем запросе AJAX.

<script> 
      $(function(){ 
      //email the link  
      $("##emailTicket#get_active_tickets.ticket_id#").submit(function(){ 
       // prevent native form submission here 
        $.ajax({ 
         type: "POST", 
         data: $('##emailTicket#get_active_tickets.ticket_id#').serialize(), 
         url: "actionpages/email_dashboard_ticket.cfm", 
         beforeSend: function(){ 
          $('.loader').show() 
         }, 
         complete: function(){ 
          $('.loader').hide(); 
         }, 
         success: function() { 
          $("##emailTicketResponse#get_active_tickets.ticket_id#").html(""); 
          $("##emailTicketResponse#get_active_tickets.ticket_id#").append("Ticket successfully sent."); 
          }  
        }); 
        return false;   
       }); 

      }); 
      </script> 

Все, кажется, работает правильно, однако загрузка GIF мигает только на долю секунды, потому что запрос не займет много времени на все, чтобы закончить. Иногда вы даже не видите его, и пользователи путаются, если нажатие кнопки «Отправить» действительно что-то делает.

Есть ли способ отложить «полную» часть функции, чтобы анимированный GIF отображался на экране дольше?

complete: function(){ 
$('.loader').hide(); 
}, 

Answer 1

мне удалось добиться этого путем изменения моего полного кода в моей функции и добавить задержку в milleseconds:

complete: function(){ 
    $('.loader').hide(3000); 
},