无限分类算法 js 的实现

　无限分类算法 js 的实现

作者：warran　时间： 2005-10-09　文档类型：原创　来自：蓝色理想

通过asp 动态生成 js 的数组，然后js在客户端去排列，最大的减少了服务器端的压力。(服务器端只是查询了一次，没有其他操作)

数据库设计：

id:索引，自动编号
mc:varchar 100字节，记录分类名称
fl:数字,记录属于哪个分类,0为根分类
ceng:数字,记录处于多少层根分类为0层,以后递增1

生成的html代码如下：

运行代码框
<html> <head> <title>fenlei</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <span style="border:1px solid #000000; position:absolute; overflow:hidden;" > <select name="fenlei" style="margin:-2px;"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </select></span> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

服务器端asp代码如下：

运行代码框
  <html> <head> <title>fenlei</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <span style="border:1px solid #000000; position:absolute; overflow:hidden;" > <select name="fenlei" style="margin:-2px;"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </select></span> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

讲解：

asp 查询数据库，生成js数据 object(不是数组，类似)
数据库不同的行，对应不同的 tempArray[0] tempArray[1]......
不同字段在每条数据中通过"@_!_#_$_|_@"分割，以避免会与数据中的文本有重复。

用js通过递归算法重新排列tempArray 得到dataArray 并循环打印成为select中的option

经典讨论帖：

www.blueidea.com/bbs/NewsDetail.asp?DaysPrune=60&lp=1&id=2268363

出处：蓝色理想
责任编辑：moby

◎进入论坛网络编程版块参加讨论

相关文章

用js封装的时间设置器

站点最新

站点最新列表

跟我去香港:The third Day

单件模式结合命令链模式

快乐狗原创动漫大赛

元素层叠级别及z-index剖析

CSS 浏览器的等宽空格

电影变形金刚概念画欣赏

疯狂的程序员第三十五回

疯狂的程序员第三十四回

疯狂的程序员第三十三回

运用ASDoc工具

栏目最新

栏目最新列表

火星人的耳机

公司正式宣布创业失败

用corelDEAW 12打造唇膏

二行代码解决全部网页木马

一行代码解决iframe挂马

Photoshop制作星空爆炸效果

CorelDraw 12打造休闲裤

Firework如何画特殊的切角图形

Firework打造韩式风格的手提袋

flash实例:打造佛光效果