zoukankan      html  css  js  c++  java
  • 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", "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();
         }

         效果图如下:

        

  • 相关阅读:
    本周总结
    本周总结:用户故事和用户场景
    排球比赛规则说明书
    我与计算机
    官网地址备份
    连续自然数序列,求取中位数方案
    Spark 实现自定义对象sequenceFile方式存储,读写示例(scala编写)
    hbase 异常
    python_初步
    redis_入门网址
  • 原文地址:https://www.cnblogs.com/lucky-girl/p/5567160.html
Copyright © 2011-2022 走看看