发送加载程序错误之前的ajax

时间:2015-12-12 06:50:41

标签: javascript jquery ajax

我发送带有下拉更改的ajax请求,并在发送之前显示一个加载器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

任何人都可以帮助我

1 个答案:

答案 0 :(得分:0)

移动这个

$("#olay").css('display','block'); //#olay is the div containing loader 
在调用$ .ajax()之前

,这意味着一旦单击按钮,div就会显示。

然后添加此

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

到您的ajax方法选项。