Jquery easyui 下loaing效果示例代码

169 阅读 0 评论 112 点赞

我是靠谱客的博主野性学姐，最近开发中收集的这篇文章主要介绍Jquery easyui 下loaing效果示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
//采用jquery easyui loading css效果 
function ajaxLoading(){ 
    $("<div class="datagrid-mask"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
    $("<div class="datagrid-mask-msg"></div>").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();\任务执行成功，关闭进度条 
} 
}); 