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)文章
現(xiàn)在講一下幾個(gè)比較經(jīng)典，而且比較常用的 jQuery 技巧，相信你能舉一反三。2010-03-03
頁(yè)面元素綁定jquery toggle后元素隱藏的解決方法
元素綁定jquery中的toggle后，元素隱藏，開(kāi)始的時(shí)候 我怎么也沒(méi)想到是這里有問(wèn)題，我找了半天才發(fā)現(xiàn)是因?yàn)榻壎藅oggle方法2014-03-03
加載等待效果想必大家都有見(jiàn)到過(guò)吧，其實(shí)很簡(jiǎn)單，在本文將為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-09-09
本篇文章介紹了，在jquery中.add()的使用分析。需要的朋友參考下2013-04-04
下面小編就為大家?guī)?lái)一篇使用jquery提交form表單并自定義action的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
推薦11款jQuery開(kāi)發(fā)的復(fù)選框和單選框美化插件
web開(kāi)發(fā)中所有的輸入控件中復(fù)選框和單選框的樣式是最難去設(shè)計(jì)的，因?yàn)椴煌臑g覽器及其操作系統(tǒng)對(duì)于樣式的渲染展現(xiàn)是不一樣的。2011-08-08
jQuery 頁(yè)面 Mask實(shí)現(xiàn)代碼
何為頁(yè)面 Mask (遮罩)？看過(guò) jQuery 的 Lightbox 插件的一定不會(huì)陌生。就是在頁(yè)面上建一個(gè)透明層遮蓋住頁(yè)面的全部?jī)?nèi)部。2010-01-01
這篇文章主要介紹了深入理解bootstrap框架之第二章整體架構(gòu)的相關(guān)資料,需要的朋友可以參考下2016-10-10
jQuery動(dòng)畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法
這篇文章主要介紹了jQuery動(dòng)畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實(shí)例分析了針對(duì)jQuery中slideUp、slideDown、animate等動(dòng)畫運(yùn)用時(shí)出現(xiàn)的滯后反復(fù)執(zhí)行等問(wèn)題的解決方法,需要的朋友可以參考下2015-01-01
jQuery插件animateSlide制作多點(diǎn)滑動(dòng)幻燈片
本文給大家分享的是使用jQuery插件animateSlide制作多點(diǎn)滑動(dòng)幻燈片特效，十分的炫酷，有需要的小伙伴可以參考下2015-06-06