Esay ui数据加载等待提示

   以视频上传为例：

    //视频上传
    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();
     }

     效果图如下：

    

转载于:https://www.cnblogs.com/lucky-girl/p/5567160.html

总结

以上是生活随笔为你收集整理的Esay ui数据加载等待提示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。