我发送带有下拉更改的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
任何人都可以帮助我
答案 0 :(得分:0)
移动这个
$("#olay").css('display','block'); //#olay is the div containing loader
在调用$ .ajax()之前,这意味着一旦单击按钮,div就会显示。
然后添加此
complete: function() {
$("#olay").css('display','none');
}
到您的ajax方法选项。