jquery實現(xiàn)加載等待效果示例
更新時間:2013年09月25日 17:12:59 作者:
加載等待效果想必大家都有見到過吧,其實很簡單,在本文將為大家介紹下使用jquery是如何實現(xiàn)的,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
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("正在上傳生產(chǎn)數(shù)據(jù),請稍候。。。").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("生產(chǎn)數(shù)據(jù):"+data);
},
error: function(data) {
alert("上傳生產(chǎn)數(shù)據(jù)異常!");
}
});
相關(guān)文章
淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實例形式對比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下2017-05-05jQGrid Table操作列中點擊【操作】按鈕彈出按鈕層的實現(xiàn)代碼
在使用JqGrid時,Table中最后一列是操作列,在操作列中每一行都有一個操作按鈕,該操作按鈕和下拉菜單非常類似,下面給大家分享jQGrid Table操作列中點擊【操作】按鈕彈出按鈕層的實現(xiàn)代碼,非常不錯,感興趣的朋友一起學(xué)習(xí)吧2016-12-12JQuery 初體驗(建議學(xué)習(xí)jquery)
最近從朋友那兒聽說,寫JavaScript,JQuery是個不錯的東東,市場份額達到70%之巨。所以去下載了一份體驗了一下。2009-04-04jquery實現(xiàn)圖片列表鼠標(biāo)移入微動
本文主要介紹利用jquery實現(xiàn)圖片列表鼠標(biāo)移入微動的實例。代碼清晰,需要的朋友來看下吧2016-12-12