jquery 加载等待效果

http://blog.csdn.net/pengpegv5yaya/article/details/11971623

[javascript] view
plaincopy

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

            }  

        });  



上一篇JS加载顺序

下一篇DOM与javascript，jQuery的关系