当前位置:Gxlcms > JavaScript > Jqueryeasyui下loaing效果示例代码_jquery

Jqueryeasyui下loaing效果示例代码_jquery

时间:2021-07-01 10:21:17 帮助过:21人阅读

代码如下:

//采用jquery easyui loading css效果
function ajaxLoading(){
$("
").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
$("
").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});
}
function ajaxLoadEnd(){
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
}

$.ajax({
type: 'POST',
url: 'sendLettersAgain.action',
data: {id:obj.id},
beforeSend:ajaxLoading,\\发送请求前打开进度条
success: function(robj){
ajaxLoadEnd();\\任务执行成功,关闭进度条
}
});

人气教程排行