關(guān)于jquery異步加載

關(guān)于jquery異步加載1

　　本來(lái)要做一個(gè)文件目錄瀏覽界面，需要遍歷所有的文件和目錄，很顯然一次性讀取時(shí)很費時(shí)費力的`一件事情。

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

　　準備工作：

　　1下載 JQuery ZTree

　　復制其中的JS和CSS即可，其實(shí)沒(méi)必要引那么多，用什么引什么就可以。

　　2 需要fastJSON,用來(lái)轉換JSON對象

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

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

　　代碼實(shí)例：

　　index.jsp

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

關(guān)于jquery異步加載2

　　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異步加載】相關(guān)文章：

jQuery程序設計08-05

jquery提交按鈕的代碼07-28

淺析jQuery 遍歷函數javascript08-06

jQuery中prev()方法用法07-16

jQuery中replaceAll()方法用法10-15

如何理解jquery事件冒泡09-15

jQuery的DOM操作筆記07-29

jQuery 源碼分析和Ready函數06-28

jQuery中parent()和siblings()的問(wèn)題10-16

讓你我減少對jQuery的依賴(lài)度07-21