发送加载程序错误之前的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方法选项。