jquery实现加载等待效果示例

复制代码 代码如下:

  var dates = this.options.form.getWidgetByName("dates").getValue();

  $.ajax({

  url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do",

  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("上传生产数据异常!");

  }

  });