如何利用JQuery彈出一個“正在加載，請稍后."的提示框

1、加上DIV彈出框

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、葉縣網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、商城系統(tǒng)網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為葉縣等各大城市提供網(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("正在處理，請稍候...").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 正在加載效果

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

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

呵呵這個很簡單 因為jquery類庫已經(jīng)封裝好了

$(document).ready(function() {

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

// $("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請求開始執(zhí)行

});

});

/script

希望對你有所幫助

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

頁面加載等待特效，當數(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ù)加載失敗

}

});

文章標題：jquery等待加載,jquery默認加載
標題路徑：http://aaarwkj.com/article8/dsiegip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、云服務(wù)器、、品牌網(wǎng)站設(shè)計、網(wǎng)站維護、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)