發送加載程序錯誤之前的ajax

Question

我正在發送帶有下拉更改的ajax請求，並在發送之前使用div顯示加載程序div，現在錯誤是此加載程序僅首次顯示，但ajax一直在工作

網站是實時的，您可以實時查詢

轉到http://doctorsnearu.com/選擇城市選擇專業化，然后單擊查找博士。 您將我移至新頁面，現在使用下拉菜單更改搜索。.您將首次看到加載程序，但此后不會。.但是ajax可以使用。

我的代碼是

$(document).ready(function(){
$('[data-load="again"]').click(function(e) {

     var a=$(this).val();

     var b=$(this).attr('data-type');


  $.ajax({
   type: "POST",
   url: "gve_dr.php",
   data: "val="+a+"&type="+b,
   success: function(html){

         //alert(html);
         //response frm php file

   $("#load_drs").html(html);

   },

   beforeSend:function()
   {
    $("#olay").css('display','block');
//#olay is the div containing loader
   }
  });
     return true;
 });
});

// JavaScript文檔

//＃olay是包含加載程序的div

有誰能夠幫助我

Answer 1

移動這個

$("#olay").css('display','block'); //#olay is the div containing loader 

在調用$ .ajax（）之前，這意味着div將在您單擊按鈕后顯示。

然后添加

   complete: function() { 
       $("#olay").css('display','none');
   }

您的ajax方法選項。