jquery中ajax下设置‘正在加载’的方法

时间:2021-08-25 13:51:07
# html中
# 增加这个div,用来提示。你可以设置自己想要的样式
<div id="doing"></div>
// js 中

$.ajax({
url:url,
type:'post',
data:{'type':b_type,'moneyCount':moneyCount,'shoplen':shoplen},
timeout:15000,
// 请求发送之前(发送请求前可修改XMLHttpRequest对象的函数,如添加自定义HTTP头。)。
beforeSend:function(XMLHttpRequest){
$("#doing").html("正在处理,请稍后···");
},
// 请求成功后的回调函数
success:function(data,textStatus){
var result = JSON.parse(data);
if(result.code == 1){
$('#qr_code').show(1500);
$('#qr_code').attr('src',result.data);
$('.payment_but').hide();
}else{
alert(result.msg);
}
},
// 请求完成后的回调函数 (请求成功或失败之后均调用)
complete:function(XMLHttpRequest,textStatus){

$("#doing").empty();
},
// 请求失败时调用此函数。
error:function(XMLHttpRequest,textStatus,errorThrown){
$("#doing").empty();
}
});

参考:
http://www.w3school.com.cn/jquery/ajax_ajax.asp w3school