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实现加载进度条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!