關(guān)于jquery異步加載
關(guān)于jquery異步加載1
本來要做一個文件目錄瀏覽界面,需要遍歷所有的文件和目錄,很顯然一次性讀取時很費時費力的一件事情。
因此就需要做異步加載....
準備工作:
1下載 JQuery ZTree
復制其中的`JS和CSS即可,其實沒必要引那么多,用什么引什么就可以。
2 需要fastJSON,用來轉(zhuǎn)換JSON對象
我下載JAR包后,引入到Eclipse中總是報找不到class錯誤。
解決辦法:把jar包放在WEB-INF/lib下即可。
代碼實例:
index.jsp
<%@ page="" language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8">
關(guān)于jquery異步加載2
AJAX 全稱 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。它并非一種新的技術(shù),而是以下幾種原有技術(shù)的結(jié)合體。
1) 使用CSS和XHTML來表示。
2) 使用DOM模型來交互和動態(tài)顯示。
3) 使用XMLHttpRequest來和服務器進行異步通信。
4) 使用javascript來綁定和調(diào)用。
通過AJAX異步技術(shù),可以在客戶端腳本與web服務器交互數(shù)據(jù)的過程中使用XMLHttpRequest對象來完成HTTP請求(Request)/應答(Response)模型:
1) 不需要用戶等待服務端響應。在異步派發(fā)XMLHttpRequest請求后控制權(quán)馬上就被返回到瀏覽器。界面不會出現(xiàn)白板,在得到服務器響應之前還可以友好的給出一個加載提示。
2) 不需要重新加載整個頁面。為XMLHttpRequest注冊一個回調(diào)函數(shù),待服務器響應到達時,觸發(fā)回調(diào)函數(shù),并且傳遞所需的少量數(shù)據(jù)!鞍葱枞(shù)據(jù)”也降低了服務器的壓力。
3) 不需要使用隱藏或內(nèi)嵌的框架。在XHR對象之前,模擬Ajax通信通常使用hack手段,如使用隱藏的或內(nèi)嵌的框架(標簽)。
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:
【關(guān)于jquery異步加載】相關(guān)文章:
1.關(guān)于jQuery Ajax 異步加載顯示等待效果代碼分享
4.jquery lazyload延遲加載的實現(xiàn)原理分析
5.關(guān)于jQuery學習筆記之jQuery的動畫