成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁 ? 技術(shù)教程 ? jQuery Ajax 異步加載顯示等待效果代碼分享
全站頭部文字 我要出現(xiàn)在這里
jQuery Ajax 異步加載顯示等待效果代碼分享 688 2024-02-23   

AJAX 全稱 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。它并非一種新的技術(shù),而是以下幾種原有技術(shù)的結(jié)合體。

1) 使用CSS和XHTML來表示。

2) 使用DOM模型來交互和動(dòng)態(tài)顯示。

3) 使用XMLHttpRequest來和服務(wù)器進(jìn)行異步通信。

4) 使用javascript來綁定和調(diào)用。

通過AJAX異步技術(shù),可以在客戶端腳本與web服務(wù)器交互數(shù)據(jù)的過程中使用XMLHttpRequest對象來完成HTTP請求(Request)/應(yīng)答(Response)模型:

1) 不需要用戶等待服務(wù)端響應(yīng)。在異步派發(fā)XMLHttpRequest請求后控制權(quán)馬上就被返回到瀏覽器。界面不會(huì)出現(xiàn)白板,在得到服務(wù)器響應(yīng)之前還可以友好的給出一個(gè)加載提示。

2) 不需要重新加載整個(gè)頁面。為XMLHttpRequest注冊一個(gè)回調(diào)函數(shù),待服務(wù)器響應(yīng)到達(dá)時(shí),觸發(fā)回調(diào)函數(shù),并且傳遞所需的少量數(shù)據(jù)。“按需取數(shù)據(jù)”也降低了服務(wù)器的壓力。

3) 不需要使用隱藏或內(nèi)嵌的框架。在XHR對象之前,模擬Ajax通信通常使用hack手段,如使用隱藏的或內(nèi)嵌的框架(<iframe>標(biāo)簽)。

css:

#loading {
width:170px;
height:25px;
border:3px solid #C3DAF9;
position:absolute;
top:300px;
left:600px; 
z-index:10000; 
background-color:#F7F9FC;
line-height:25px;
vertical-align:middle;
font-size:11pt;
display:none;
}

html:

<div id="loading"><img src="http://www.gimoo.net/t/1901/${path}/map/image/2012032811155512.gif" alt=""/>正在加載數(shù)據(jù),請稍候...</div>

js:

$.ajax({
async: true,
beforeSend: function () {
ShowDiv();
},
complete: function () {
HiddenDiv();
},
type : 'POST' ,
url : '',
data : {
},
success: function (data) {
//var obj = JSON.parse(data);
//var str = JSON.stringify(obj);
}
});
//顯示加載數(shù)據(jù)
function ShowDiv() {
$("#loading").show();
}
//隱藏加載數(shù)據(jù)
function HiddenDiv() {
$("#loading").hide();
}

圖片效果圖如下所示:

查看圖片

以上所述是小編給大家介紹的jQuery Ajax 異步加載顯示等待效果代碼分享,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對綠夏網(wǎng)網(wǎng)站的支持!



主站蜘蛛池模板: 播放凯登克罗斯演的全部影片| 狂野殴美激情性bbbbbb| 西野翔三级全部电影| 寂静之城| 爱四| 祝福语生日| 黄录象| 借条怎么样才有法律效力| 林青霞离婚| 白上关花电影在线观看免费| 2024年6月思想汇报| 珀利| 颂文| 赵霏儿| 庆余年2演员表全部员表| 情欲视频| 皇冠小刀清痘视频| 281封信电视剧演员表| 张宗麟| 林正英全部电影| russian institute| 北京卫视手机直播| 天赐的声音在哪个平台播出| karina hart| 麦子叔| 飞天少女猪| 女生操女生| 电影终极之战 电影| 挖掘机动画片儿童| 乱世伦情 电影| 抖音浏览器| 盛夏晚晴天演员表| 夫妻最现实的约法三章| 电影《exotica》完整版观看| 姐姐姐| 是王者啊第二季免费观看完整版| 美国伦理三颗熟樱桃| 147顶级艺术人像摄影| 红电视剧演员表| 宇宙护卫队电影| 12123交强险查询入口|

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103