關於jquery異步加載

關於jquery異步加載1

本來要做一個文件目錄瀏覽界面，需要遍歷所有的文件和目錄，很顯然一次性讀取時很費時費力的一件事情。

因此就需要做異步加載....

準備工作：

1下載 JQuery ZTree

複製其中的JS和CSS即可，其實沒必要引那麼多，用什麼引什麼就可以。

2 需要fastJSON,用來轉換JSON對象

我下載JAR包後，引入到Eclipse中總是報找不到class錯誤。

解決辦法：把jar包放在WEB-INF/lib下即可。

代碼實例：

<%@ page="" language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8">

關於jquery異步加載2

AJAX 全稱 Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。它並非一種新的技術，而是以下幾種原有技術的結合體。

1) 使用CSS和XHTML來表示。

2) 使用DOM模型來交互和動態顯示。

3) 使用XMLHttpRequest來和服務器進行異步通信。

4) 使用javascript來綁定和調用。

通過AJAX異步技術，可以在客户端腳本與web服務器交互數據的過程中使用XMLHttpRequest對象來完成HTTP請求(Request)/應答(Response)模型：

1) 不需要用户等待服務端響應。在異步派發XMLHttpRequest請求後控制權馬上就被返回到瀏覽器。界面不會出現白板，在得到服務器響應之前還可以友好的給出一個加載提示。

2) 不需要重新加載整個頁面。為XMLHttpRequest註冊一個回調函數，待服務器響應到達時，觸發回調函數，並且傳遞所需的.少量數據。“按需取數據”也降低了服務器的壓力。

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：