easyui 調用ajax時的loading效果

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);  
      }  
  });

若是這篇博客對你有所幫助，點個關注掃碼加微信免費進技術討論羣哦