js 实现树递归

最新推荐文章于 2024-08-15 09:22:12 发布

快乐2

最新推荐文章于 2024-08-15 09:22:12 发布

阅读量5.5k

点赞数

分类专栏： js 文章标签： js树

本文链接：https://blog.csdn.net/u010924288/article/details/52074567

版权

这篇博客介绍了如何利用JavaScript实现树形结构，重点在于递归方法的应用。内容包括了CSS样式设置和JS代码部分，其中JSON数据的格式涉及id、name、pid和islast属性，用于构建树节点。

摘要由CSDN通过智能技术生成

js 实现树递归

1.css样式

<style type="text/css">
.menu3 {
	width:152px; height:18px; display:block; background: url(../images/folder.png) 9px 3px no-repeat;  font-size: 12px;
	 padding-left: 32px; line-height:26px;
	cursor: pointer;
}
.menu4{
	width:152px; height:18px; display:block; background: url(../images/folder_files.png) 9px 3px no-repeat; font-size: 12px; 
	 padding-left: 40px; line-height:26px;
	cursor: pointer;
}

.file{
	width:122px; height:18px; display:block; background: url(../images/file.png) 20px 5px no-repeat;  font-size: 12px; 
	cursor: pointer;line-height:26px;
	padding-left: 40px;
}
</style>

2.js 代码：获得的json数据的格式为：SELECT classid as id,classname as name,bclassid as pid,islast FROM `zjxx_column` WHERE 1"-----------json baokuo:id,name,pid,islast

pid为父id

islast表示是否为最后一个

<script type="text/javascript">

var all;
var htmlStr=new Array();  
$(document).ready(function(){
	var htm="";
	$.ajax({
	    url: "left111.do",    //请求的url地址
	    dataType: "json",   //返回格式为json
	    async: true, //请求是否异步，默认为异步，这也是ajax重要特性
	    type: "GET",   //请求方式
	    success: function(req) { //获取数据库中的数据