JQuery AJAX загрузки с асинхронным

Question

Jquery Ajax Загрузка не работает с async

Код ниже

$('#pagination').on('click','a',function(e){
    e.preventDefault(); 
    var data = $(this).attr('data-pagination-page');
    var selector=$('.frmTable');        
    var response=getData(selector,data);    

});

Функция Ajax

function getData(selector,data){
var result="";
var frmAction=$(selector).attr('action');   
$.ajax({
    url: frmAction+'/'+data,
    type: 'post',
    data: $(selector).serialize(),
    async: false,  
    beforeSend: function(){
        console.log("Request Submiting....");
        $('#loading').css('display','block');
    },
    success: function(response){
         result = response; 
    },
    complete:function(data){
        $('#loading').css('display','none');
        console.log("Request Complete....");
    }
});      
return result;
    }

Можете ли вы дать мне совет, какразобраться с иконкой загрузки ajax.

Answer 1

Использование setTimeout проблема решена

function getData(selector,data){
    var result="";
    var frmAction=$(selector).attr('action');       
    $.ajax({
        url: frmAction+'/'+data,
        type: 'post',
        data: $(selector).serialize(),
        async: false,  
        beforeSend: function(){
            console.log("Request Submiting....");
            $('#loading').css('display','block');           
        },
        success: function(response){
             result = response; 
        },
        complete:function(data){        
            console.log("Request Complete....");                
            setTimeout(function(){
                $('#loading').css('display','none');            
            }, 500);
        }
    });     
   return result;
}