如何利用JQuery彈出一個(gè)“正在加載，請(qǐng)稍后."的提示框

1、加上DIV彈出框

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、葉縣網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為葉縣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

function AddRunningDiv() {

$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");

$("div class=\"datagrid-mask-msg\"/div").html("正在處理，請(qǐng)稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });

}

2、取消所彈出的DIV

function MoveRunningDiv() {

$("div[class='datagrid-mask']").remove();

$("div[class='datagrid-mask-msg']").remove();

}

jquery 正在加載效果

很簡(jiǎn)單，就是假設(shè)你準(zhǔn)備把內(nèi)容加載到一個(gè)div id="ct"/div中那么一開始就在這個(gè)div中增加一個(gè)Gif圖片類似動(dòng)態(tài)旋轉(zhuǎn)的條什么的，然后用$('#ct').load()方法對(duì)這個(gè)div進(jìn)行加載數(shù)據(jù)，等內(nèi)容讀取到之后，內(nèi)容的讀取中圖片會(huì)被新內(nèi)容取代，就出現(xiàn)這個(gè)效果啦

jQuery 求頁(yè)面加載等待特效，當(dāng)數(shù)據(jù)加載完成效果消失，代碼越少越好

呵呵這個(gè)很簡(jiǎn)單 因?yàn)閖query類庫(kù)已經(jīng)封裝好了

$(document).ready(function() {

//沒有用jquery 可以用 【eval(返回的對(duì)象)】 轉(zhuǎn)化成json對(duì)象

// $("input").click(function() {

$("#content").ajaxStart(function() {

alert('a');

$("#content").html("數(shù)據(jù)加載中!!!~~~~！！"); 這里是加載等待特效

});

$.getJSON("getUserList.ashx", function(data) {

var html = "table border=1";

$(data).each(function(index, item) {

html += "tr"

html += "td" + index + "=" + item["Name"] + "/td";

html += "td" + index + "=" + item["Age"] + "/td";

html += "td" + index + "=" + item["Phone"] + "/td";

html += "/tr"

});

$("#content").html(html);

//ajax請(qǐng)求開始執(zhí)行

});

});

/script

希望對(duì)你有所幫助

jQuery 頁(yè)面加載等待特效，當(dāng)數(shù)據(jù)加載完成效果消失的代碼？

頁(yè)面加載等待特效，當(dāng)數(shù)據(jù)加載完成效果消失的代碼如下:

$.ajax({

url:"",

type:"post",

data:{"xx":"xx"},

beforeSend:function(){

//這里是開始執(zhí)行方法，顯示效果，效果自己寫

},

complete:function(){

//方法執(zhí)行完畢，效果自己可以關(guān)閉，或者隱藏效果

},

success:function(){

//數(shù)據(jù)加載成功

},

error:function(){

//數(shù)據(jù)加載失敗

}

});