Ajax 实现加载进度条
ajaxbeforeSend:
先说说这个beforeSend，在请求发送前执行比如可以判断用户有没有登录，如果没有登录就停止请求并提示。
$.ajax({
url:'my_action',
dataType:'script',
beforeSend:function(xhr,opts){
if(1==1)//justanexample
{
xhr.abort();//停止请求
}
},
complete:function(){
console.log('DONE');
}
});
$.ajax有一个参数是complete：function(){}是在请求完成之后执行的，配合beforeSend可以用来展示进度条
比如：
$.ajax({
url:'my_action',
dataType:'script',
beforeSend:function(){
//设置进度条到20%慢慢变到50%
},
complete:function(){
//设置进度条到80%
}
success：function(){
//渲染页面
//进度到100%
}
});
这个只是表面上的看到的进度条，展示大概的进度，并不是真正的加载进度。
以上所述是小编给大家介绍的Ajax实现加载进度条，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！