易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax动态加载目录树(jquery treeview)

需求:
   动态加载目录树节点数据。即:树的初始状态为根节点树,当点击其中一个节点时,再从数据库中获取当前节点的子节点。
环境:
   Struts1+Hibernate3.0+jQuery+treeview
解决方案:
1.我自己的项目需求是:获取linux的FTP目录,以动态加载的方式取得该FTP上的所有目录及文件生成js树,点击文件获取该文件在FTP上的路径,目录不能点击。
2.准备工作:
 
<link rel="stylesheet" href="css/jquery.treeview.css" />
<link rel="stylesheet" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
<script src="js/jquery.treeview.async.js" type="text/javascript"></script>
 
以上各引用文件可以从网上下载的treeview 包里得到,下载地址:http://jquery.bassistance.de/treeview/jquery.treeview.zip。注意js文件的引用顺序,黄色部分是异步加载必须的js文件。具体应用时根据自己情况决定,上面的文件不一定全得有。以下是我的jsp的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/general/common.jsp" %>
<head>
<%
  response.setHeader("Cache-Control","no-cache");
  response.setHeader("Pragma","no-cache");
  response.setDateHeader("Expires",0);
%>
<link rel="stylesheet" href="css/jquery.treeview.css" />
 
<script src="javascript/jquery.treeview.js" type="text/javascript"></script>
<script src="javascript/jquery.treeview.async.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
       $("#black").treeview({         
         &nbs


相关文档:

AJAX中的请求方式以及同步异步的区别请求方式

请求方式,分为GET与POST:
 
GET
 
最为常见的HTTP请求,普通上网浏览页面就是GET。GET方式的参数请求直接跟在URL后,以问号开始。(JS中用window.location.search获得)。参数可以用encodeURIComponent进行编码,使用方式:
 
var EnParam = encodeURIComponent(param);
URL只支持大约2K的长度,即2 ......

jquery、Ajax、struts的集成

Html代码:
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>jquery ajax</title>
  <link rel="stylesheet" type="text/css" media="screen"
  ......

Ajax add_beginRequest

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat=" ......

Ajax框架

var XmlHttp;
var PathUrl;
function createXmlHttp() {
    if (window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
      ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号