用異步加載jQuery Ajax

Question

jQuery Ajax加載不適用於異步

下面的代碼

$('#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;
}