ajax 请求添加遮罩和等待动画

最新推荐文章于 2021-08-06 13:33:51 发布

weixin_33985507

最新推荐文章于 2021-08-06 13:33:51 发布

阅读量309

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/famoustone/blog/870524

版权

2019独角兽企业重金招聘Python工程师标准>>>

js框架 zepto.js

jquery也同样的道理

var mask = '<div id="hicap_mask" style="width:100%;height:100rem;top:0px;left:0px;position:fixed;background:#FFF;opacity:0.9;z-index:998;"></div>';
var loading = '<div id="loading"><img src="/public/images/loading.gif" style="width:10rem;position:absolute;left:50%;top:50%;z-index:999;margin-left:-5rem;margin-top:-5rem;" /></div>';

$(document).on('ajaxStart', function(e){
	$(mask).appendTo('body');
	$(loading).appendTo('body');
})

$(document).on('ajaxStop', function(e){
	$("#hicap_mask").remove();
	$("#loading").remove();
})

发送ajax的时候显示遮罩和loading.gif

ajax结束移除元素

转载于:https://my.oschina.net/famoustone/blog/870524