資料處理等待效果例項程式碼

在很多網站有資料處理等待效果，比如當資料正在載入或者其他處理活動的時候，會有一個特別的頁面或者圖示來說明資料正在處理，這樣更加人性化，下面是一段程式碼片段，希望能夠給大家帶來一定的幫助。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.ajax({ 
  url:"url", 
  data:dates, 
  beforeSend:function(){ 
    var h=document.body.clientHeight; 
    $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:h}).appendTo("body"); 
    $("<div class=\"datagrid-mask-msg\"></div>").html("資料正在處理中..").appendTo("body").css({display:"block", 
    left:($(document.body).outerWidth(true)-190)/2, 
    top:(h-45)/2}); 
  }, 
  complete:function(data){ 
    $('.datagrid-mask-msg').remove(); 
    $('.datagrid-mask').remove(); 
  }, 
  success: function(data){ 
    alert("生產資料:"+data); 
  }, 
  error: function(data) { 
    alert("上傳生產資料異常！"); 
  } 
});