Как мы можем показать загрузчик во время асинхронного звонка в телефонной щели

Question

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

$.ajax({
        type : "POST",
        url : 'http://demo.co.in/projects/demo/webservice/',
        dataType : "json", 
        async : false, 
        beforeSend: function(){
                      $('#pageLoader').show( "slow", function() { }); 
                      $('#pageLoader').html('<img src="images/loader.gif" />');     
                    },
        success : function(data) {   
        }, 
        error : function(jqXHR, textStatus, errorThrown) {
            alert("Server timed out. Please try again.") 
        }  
    }); 

Одна вещь, которую я заметил до сих пор, когда я удаляю async: false из моего кода после отображения этого загрузчика.

Answer 1

Javascript является однопоточным, вы должны использовать асинхронный режим и сделать ваш код управляемым событием.

Answer 2

Пытаться

async : true,

тем самым вы объявите вызов ajax асинхронным