easyui 调用ajax时的loading效果

前端之家收集整理的这篇文章主要介绍了easyui 调用ajax时的loading效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前台框架是EasyUI,用ajaxfileupload上传文件时需要加loading效果;找到一个不错的jQuery实现spin.js,仍然发现这个spin.js在easyui的dialog中不能实现应有的效果;搞了好长时间,恼死了;最后 ,找到一个效果同datadgird加载时的效果一样;

javascript
//采用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();               
}
javascript
$.ajax({   
        type: 'POST',dataType : 'json',url: url,data: param,beforeSend: ajaxLoading,success: function(json){   
            ajaxLoadEnd();  
            createAll(json.Data);  
        }   
    });

感谢wwwyuanliang10000这位大神;
内容转自此处

猜你在找的Ajax相关文章