Как применить этот предварительный загрузчик ajax?

Question

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $('#loading') 
     .hide() 
     .ajaxStart(function() { 
      $(this).show(); 
     }) 
     .ajaxStop(function() { 
      $(this).hide(); 
     }); 
}); 

Loading ....

Может кто-нибудь сказать мне, где применить это к фактическому вызову АЯКС по примеру? Я просто запутался в применении этого кода.

Answer 1

Вы должны вызвать ajaxStart на document

From Docs

По JQuery 1.8, метод .ajaxStart() должен быть прикреплен только к документу.

Попробуйте это:

$(function(){ 
    var $loading = $('#loading').hide(); 
    $(document).ajaxStart(function() { 
     $loading.show(); 
    }).ajaxStop(function() { 
     $loading.hide(); 
    }); 
});