|东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇|--利用ASP脚本制作异步装载的树形结构（一）（转）—

建站必读

网站建设知识

网站推广研究

当前位置：首页 -> 建站必读 -> ASP技术

利用ASP脚本制作异步装载的树形结构（一）（转）——好东东！！

　　树形结构是描述层次数据的常见方法。本文介绍的树形结构生成程序主要由一个ASP页面、二个JavaScript函数构成。该树形结构是异步的，也就是说，节点数据仅在必要时才读取，而不是一次性全部发送到客户端。

　　一、概述

　　树形结构中所有的节点都必须包含以下属性：本身的ID，父节点的ID，以及本节点的说明（节点文本）。本文用到了一个Access数据库Tree.mdb来保存这些节点信息。Tree.mdb包含表tblTree，其定义如下：

　　　　字段名称类型说明

ElementID 自动编号节点的唯一标识

ParentElementID 数字父节点的ID

ElementText 文本节点文本

　　本程序利用Tree.dsn文件定义Tree.mdb数据源。Tree.dsn内容可以用控制面板中的ODBC数据源配置程序得到，内容如下：

　[ODBC]

　DRIVER=Microsoft Access Driver (*.mdb)

　UID=admin

　UserCommitSync=Yes

　Threads=3

　SafeTransactions=0

　PageTimeout=5

　MaxScanRows=8

　MaxBufferSize=512

　ImplicitCommitSync=Yes

　FIL=MS Access

　DriverId=25

　DefaultDir=d:Inetpubwwwroot

　DBQ=d:InetpubwwwrootTree.mdb

　　注意运行本文程序时，应当修改Tree.dsn中的DefaultDir和DBQ，使其指向正确的目录和文件。

　　客户端功能分两部分实现：其一是一个普通的浏览器窗口，其二为一个IFRAME。IFRAME是不可见的，它的作用是负责浏览器窗口与服务器之间的通信。下面是示例程序的一个运行界面：

　　

　　　　　　　　【图1】

　　树形结构各个节点之间的关系可以用< DIV >标记表示如下：

　　

　　　　　　　　【图2】

　　在这里，文档的< BODY >是第一层节点（divTree0）的容器，第一层总共包含四个节点，这四个节点又分别是其子节点组的容器。例如，上图中divTree0包含了div1、div2、div3和div4（它们分别对应一个节点）；而div1又是divTree1的容器，divTree1包含了div5——div8，div5又是divTree5的容器；而divTree5包含了div9……。

　　鼠标单击事件由各个节点本身（div1，div2，……）响应，而不是由容器响应。节点响应鼠标单击事件后将禁止事件进一步向上（向父节点）传递。这部分功能在GetTree函数内实现，请参见该函数代码以了解具体实现方法。

　　整个树形结构的作用过程可用下图表示：

　　

　　　　　　　　【图3】

　　二、服务器端代码

　　客户端脚本向服务器发送的请求包含了一个节点标识，服务器脚本GetTreeData.asp查找数据库获得该节点的所有子字节点，并将这些子节点返回给客户程序。GetTreeData.asp代码如下:

　< % Dim rstTree

　   Dim strSQL

　   Dim strData

　

　   If Request.QueryString("Level") = ""  Then

　      Response.End

　   End If

　

　   strSQL = "SELECT * FROM tblTree WHERE  ParentElementId = "

　   strSQL = strSQL & Request.QueryString("Level") & " ORDER BY ElementID "

　

　   Set rstTree = Server.CreateObject("ADODB.Recordset")

　   rstTree.Open strSQL,"FileDSN=d:inetpubwwwroot    ree.dsn"

　

　   strData = ""

　   Do While Not rstTree.EOF

　      strData = strData & rstTree("ElementId") & "|" & rstTree("ParentElementId") & "|" &

　rstTree("ElementText") & "|"

　      rstTree.MoveNext

　   Loop

　rstTree.Close % >

　

　< HTML >

　 < BODY OnLoad="parent.PopulateTree(＇< %=strData% >＇);" >< /BODY >

　< /HTML >

　　注意：在实际使用中应相应地更改DSN文件所在路径。这段代码并不复杂，但请注意以下两点：第一，客户请求的格式应该为“GetTreeData.asp?Level=节点ID”；第二，返回客户端的节点列表格式为“节点标识|父节点标识|节点文本|……”。

本站关键词：

|东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇||东莞网站制作|东莞网站推广|东莞国内域名注册|网页开发|域名注册|空间租用|东莞网站开发|东莞企业网站建设|国际内域名注册|石龙虎门中堂|望牛墩麻涌镇石碣镇|高埗镇洪梅镇道滘镇|