jquery實(shí)現(xiàn)加載等待效果示例
更新時(shí)間：2013年09月25日 17:12:59 作者：
加載等待效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)很簡(jiǎn)單，在本文將為大家介紹下使用jquery是如何實(shí)現(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ù)，請(qǐng)稍候。。。").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ī)?lái)一篇淺談jquery選擇器 :first與:first-child的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
select的美化在之前的文章中也有介紹過(guò)，在本文將為大家介紹下使用css配合jquery美化select，感興趣的朋友可以參考下2013-11-11
jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
這篇文章主要介紹了jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法,結(jié)合實(shí)例形式對(duì)比分析了jsonp跨域獲取數(shù)據(jù)的3種常用操作技巧,需要的朋友可以參考下2017-05-05
jQuery實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQGrid Table操作列中點(diǎn)擊【操作】按鈕彈出按鈕層的實(shí)現(xiàn)代碼
在使用JqGrid時(shí)，Table中最后一列是操作列，在操作列中每一行都有一個(gè)操作按鈕，該操作按鈕和下拉菜單非常類似，下面給大家分享jQGrid Table操作列中點(diǎn)擊【操作】按鈕彈出按鈕層的實(shí)現(xiàn)代碼，非常不錯(cuò)，感興趣的朋友一起學(xué)習(xí)吧2016-12-12
這篇文章主要介紹了jQuery實(shí)現(xiàn)的放大鏡效果,結(jié)合實(shí)例形式分析了jQuery插件zoom.js實(shí)現(xiàn)放大鏡功能的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
JQuery 初體驗(yàn)(建議學(xué)習(xí)jquery)
最近從朋友那兒聽(tīng)說(shuō)，寫JavaScript，JQuery是個(gè)不錯(cuò)的東東，市場(chǎng)份額達(dá)到70%之巨。所以去下載了一份體驗(yàn)了一下。2009-04-04
jquery實(shí)現(xiàn)圖片列表鼠標(biāo)移入微動(dòng)
本文主要介紹利用jquery實(shí)現(xiàn)圖片列表鼠標(biāo)移入微動(dòng)的實(shí)例。代碼清晰，需要的朋友來(lái)看下吧2016-12-12
選擇器的意義就是將眾多html代碼中準(zhǔn)確的找出我們想找的單元。接下來(lái)將常見(jiàn)的選擇器以及作用列舉出來(lái)，對(duì)jQuery常見(jiàn)的選擇器及用法感興趣的朋友一起看看吧2016-12-12
webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06