$( document ).ajaxStart(function() {
$(selector).css("display","block");
});
$( document ).ajaxStop(function() {
$(selector).css("display","none");
});
isteği ajax ile gönderdiğinizi varsayarsak, PHP tecrübem olmadığı için varsayabiliyorum maalesef;
selector kısmını loader class örn: $(".class") yada id örn: $("#id") olarak güncellerseniz sayfa içinde herhangi bir istek başladığında loading belirir, bittiğinde de kaybolur
Hocam Ellerine sağlık üşenmeden yardımcı olmak için yazmıssın ellerin dert görmesin valla ama ben sorunu dakikalar önce çözdüm şans eseri çözdüm butona her bastığımda post işlemi başladığı için sayfa refresh atıyordu ve div class ile bir gif img ekledim ama css'de display:none; ayarladım sayfa ilk açıldığında görünmüyor ve js ile butona basınca event olarak css siliyor img görünmeye başlıyor o arada sayfa verileri çekmeye başlıyor ve veriler çekildiğinde f5 atıyor ve yine display:none; oluyor aslında tam istediğim gibi oldu şans eseri uğraşıp denerken başka arkadaşlar sorun yaşar diye kodları bırakıyorum böyle çözebilirsiniz
<div id="gizle" style="display:none;">
<div class="text-center"><img src="images/ajax-loader.gif" alt="" width="200" height="150"></div>
</div>
<script >
var btnGizle=document.getElementById("btnGizle");
btnGizle.onclick=function(){
//display özelliği none yapılarak gizleme işlemi yapılır.
document.getElementById("gizle").style.display="";
}
</script>