Esay ui数据加载等待提示

时间:2023-03-08 20:46:14

以视频上传为例:

//视频上传
    function uploadVedio(fileName){    
        load();//开始加载时弹出加载层
        $.post('<%=path%>/misArticle/articleInfo/getVedioAddress.do?fileName='+fileName,function(result){
            if(result.success){
                 $('#videoUrl').val(result.vedioAddr);
                 reUpload();
                 disLoad();//请求成功后取消加载层
             } else {
                 $.messager.alert("系统提示",result.errorMsg);
                 reUpload();
                 disLoad();//请求失败后取消加载层
             }
         }, 'json');
    }

//弹出加载层
     function load() {
         $("<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 disLoad() {
         $(".datagrid-mask").remove();
         $(".datagrid-mask-msg").remove();
     }

效果图如下:

Esay ui数据加载等待提示