jquery异步加载

关于jquery异步加载

关于jquery异步加载1

　　本来要做一个文件目录浏览界面，需要遍历所有的文件和目录，很显然一次性读取时很费时费力的`一件事情。

　　因此就需要做异步加载....

　　准备工作：

　　1下载 JQuery ZTree

　　复制其中的JS和CSS即可，其实没必要引那么多，用什么引什么就可以。

　　2 需要fastJSON,用来转换JSON对象

　　我下载JAR包后，引入到Eclipse中总是报找不到class错误。

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

　　代码实例：

　　index.jsp

　　<%@ 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：

【jquery异步加载】相关文章：

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()的问题10-16

让你我减少对jQuery的依赖度07-21