PHP döngüsüne Loader Yükleniyor Eklemek

Arkadaşlar Simple Dom Parser ile bi veri çekme bot sayfam var post ile döngüyle sitelerden veri kazıyor fakat çoklu olarak sitelerden veri çekince buton bastıktan sonra sayfa yüklenmesi zaman alıyor bende yükleneceği kısıma loader koyayım dedim koydumda fakat F5 atınca yada sayfa içinde gezerken Loader.gif görünüyor css js div ile yapılıyor yapabildim ama bunu php'nin döngünün içerisinde yapamıyorum veri çekerken loader devreye girmiyor çok ilginç bunu nasıl yaparız bilgisi olan varmı ?

$( 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>

İstediğinizi yanlış anlamadıysam şöyle bir şey yapmanız daha doğru olur.

$("#formid").submit(function(e) {

    e.preventDefault();

    var form = $(this);
    var url = form.attr('action');
    
    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(),
           beforeSend: function() {
           // Loading GIF show or append
           },
           success: function(data)
           {
                $("#result").html(data);
                // Loading GIF hide or remove
           }
         });

    
});

Ajax kullanmıyorsunuz sanırım, direkt form POST submit yapılıyor, sayfa refresh atması bu yüzden. e.preventDefault(); ile bu engellenip ajax ile istek yollanıyor. #formid ve #result düzenleyin. beforeSend ve success yerini kendinize göre jQuery ile Loading GIF'ini kontrol edebilirsiniz.