(来自:http://www.pconline.com.cn/pcedu/empolder/wz/javascript/0510/710147.html

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

数据库设计:

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

生成的html代码如下:

Javascript无限分类算法的实现(转)<html>
Javascript无限分类算法的实现(转)
<head>
Javascript无限分类算法的实现(转)
<title>fenlei</title>
Javascript无限分类算法的实现(转)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Javascript无限分类算法的实现(转)
</head>
Javascript无限分类算法的实现(转)
<body bgcolor="#FFFFFF" text="#000000">

服务器端asp代码如下:

Javascript无限分类算法的实现(转)<!--#include file="../conn.asp"-->
Javascript无限分类算法的实现(转)
<!--#include file="ck.asp"-->
Javascript无限分类算法的实现(转)
<html>
Javascript无限分类算法的实现(转)
<head>
Javascript无限分类算法的实现(转)
<title>fenlei</title>
Javascript无限分类算法的实现(转)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Javascript无限分类算法的实现(转)
</head>
Javascript无限分类算法的实现(转)
<body bgcolor="#FFFFFF" text="#000000">
Javascript无限分类算法的实现(转)
<SCRIPT LANGUAGE="JavaScript">
Javascript无限分类算法的实现(转)
<!--
Javascript无限分类算法的实现(转)var dataArray 
= {};
Javascript无限分类算法的实现(转)var tempArray 
= {};
Javascript无限分类算法的实现(转)var xx
="";
Javascript无限分类算法的实现(转)
<%
Javascript无限分类算法的实现(转)
dim sql
Javascript无限分类算法的实现(转)
Set rs=server.createobject("adodb.recordset")
Javascript无限分类算法的实现(转)sql
="select * from fenlei"
Javascript无限分类算法的实现(转)rs.open sql,conn,
1,1
Javascript无限分类算法的实现(转)
dim x
Javascript无限分类算法的实现(转)x
=0
Javascript无限分类算法的实现(转)
do while not rs.eof
Javascript无限分类算法的实现(转)response.write 
"tempArray[" & x & "]=""" &rs("fl"& "@_!_#_$_|_@" &rs("id"& "@_!_#_$_|_@" & rs("mc"& "@_!_#_$_|_@" & rs("ceng"& """;"
Javascript无限分类算法的实现(转)x
=x+1
Javascript无限分类算法的实现(转)rs.movenext
Javascript无限分类算法的实现(转)
loop
Javascript无限分类算法的实现(转)%
>
Javascript无限分类算法的实现(转)var y
=0;

讲解:

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

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

相关文章:

  • 2022-12-23
  • 2021-07-17
  • 2021-09-17
  • 2021-09-02
  • 2022-01-24
  • 2021-05-19
  • 2021-08-04
猜你喜欢
  • 2022-12-23
  • 2021-06-09
  • 2021-12-10
  • 2022-01-16
  • 2022-02-17
相关资源
相似解决方案