- 相關(guān)推薦
關(guān)于jQuery Ajax 異步加載顯示等待效果代碼分享
AJAX 全稱(chēng) Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。它并非一種新的技術(shù)，而是以下幾種原有技術(shù)的結合體。
1) 使用CSS和XHTML來(lái)表示。
2) 使用DOM模型來(lái)交互和動(dòng)態(tài)顯示。
3) 使用XMLHttpRequest來(lái)和服務(wù)器進(jìn)行異步通信。
4) 使用javascript來(lái)綁定和調用。
通過(guò)AJAX異步技術(shù)，可以在客戶(hù)端腳本與web服務(wù)器交互數據的過(guò)程中使用XMLHttpRequest對象來(lái)完成HTTP請求(Request)/應答(Response)模型：
1) 不需要用戶(hù)等待服務(wù)端響應。在異步派發(fā)XMLHttpRequest請求后控制權馬上就被返回到瀏覽器。界面不會(huì )出現白板，在得到服務(wù)器響應之前還可以友好的給出一個(gè)加載提示。
2) 不需要重新加載整個(gè)頁(yè)面。為XMLHttpRequest注冊一個(gè)回調函數，待服務(wù)器響應到達時(shí)，觸發(fā)回調函數，并且傳遞所需的少量數據�！鞍葱枞祿币步档土朔⻊�(wù)器的壓力。
3) 不需要使用隱藏或內嵌的框架。在XHR對象之前，模擬Ajax通信通常使用hack手段，如使用隱藏的或內嵌的框架(標簽)。
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：
以上所述是小編給大家介紹的jQuery Ajax 異步加載顯示等待效果代碼分享，希望對大家有所幫助，如果大家有任何疑問(wèn)請給我們留言，小編會(huì )及時(shí)回復大家的。在此也非常感謝大家對的支持！
【jQuery Ajax 異步加載顯示等待效果代碼分享】相關(guān)文章：
jquery提交按鈕的代碼07-28
關(guān)于jquery簡(jiǎn)單圖片切換顯示效果實(shí)現方法介紹10-01
基于jQuery的固定表格頭部的代碼08-30
關(guān)于jQuery實(shí)現高亮顯示的方法介紹08-20
jQuery(js)如何獲取文字寬度(顯示長(cháng)度)09-29
護眼顯示器效果01-31
關(guān)jQuery彈出窗口簡(jiǎn)單實(shí)現代碼-javascript編程06-07
jquery之超簡(jiǎn)單的div顯示和隱藏特效demo簡(jiǎn)介05-15
室內效果圖制作經(jīng)驗分享01-23