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数据加载等待提示相关推荐

mint-ui 图片懒加载及请求数据加载中提示方法
图片懒加载: 引入需要的文件 <script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></scr ...
dwz怎么使用数据加载中提示_百度地图数据采集手把手教，从此POI数据不再是愁...
本文介绍使用八爪鱼采集百度地图数据(以上海-建设银行为例)的方法采集网站:http://map.baidu.com/ 适用版本:八爪鱼7版本,8版本请参照官网新手入门教程制作 8版本新手入门教程:用 ...
bootstrap 数据加载中提示_解决Quartz定时器中查询懒加载数据no session的问题
作者:下一秒升华出自:CSDN 原文:blog.csdn.net/u013815546/article/details/53032445 相信大家在web开发过程中一定遇到过一种情况,Class班级 ...
封装jquery的ajax，便于加载等待提示框
先贴上代码. 传入4给参数,保证post,get都能执行,和普通的ajax区别在于添加了设置的timeout. 并在每一次的发送接收请求后执行dialog()方法. function AjaxRequ ...
android studio 好用的加载等待提示框 LoadingDialog
转载 https://blog.csdn.net/a214024475/article/details/53086180 使用方法与效果图展示一个loading dialog: new Loadin ...
dwz怎么使用数据加载中提示_SOLIDWORKS在使用中提示内存不足怎么办？
SOLIDWORKS 在运行中实时监控整个计算机系统资源的使用率,包括 Windows 图形设备接口 (GDI) 对象. Windows GDI 是用于在Windows 操作系统 (OS) 中展示和显 ...
掘金Loading渐变效果, 数据加载等待时的, 渐变效果
在线预览效果戳这里 <div class="box"><div class="row"></div><div cla ...
QT 自定义加载等待(Loading)提示框
QT自定义加载等待提示框一.效果展示二.源代码 #ifndef LOADINGDIALOG_H #define LOADINGDIALOG_H #include <QMovie> #i ...
JQuery插件：遮罩+数据加载中。。。（特点：遮你想遮，罩你想罩）
在很多项目中都会涉及到数据加载.数据加载有时可能会是2-3秒,为了给一个友好的提示,一般都会给一个[数据加载中...]的提示.今天就做了一个这样的提示框. 先去jQuery官网看看怎么写jQuery插 ...

Esay ui数据加载等待提示

Esay ui数据加载等待提示相关推荐

最新文章

热门文章