用Ajax做的一棵无限级目录树
转载：快乐笛子的博客(http://www.happyshow.org/view.php?id=107)演示地址：http://www.happyshow.org/sample/20060918/ajax.html
使用了ajax，使原来非常繁琐的无限级目录树变得简单多了。并且由于是异步获取节点数据，所以服务器的压力比原来遍历数据库的方法小多了。
在这里不得不提到css，通过定义
<ul>的marging-left值，使树中的父节点与子节点才错位区分开来，实现简单，并且编写的js无需再考虑父子节点的错位问题。
本例中css还有一个大用处，当一个节点展开后又收缩，再点击展开时，无需再读取子节点数据，而是把收缩前的文档结构重新显示出来(display:block)，这样做既可以记忆用户最后点击的节点，又可以减少读取数据的次数，又一次提了速度。
本例目录树的文档结构如下：
<div class="code"><div id="tree">
<ul>
<li>中国
<ul>
<li>广东</li>
<li>广西</li>
<li>湖南</li>
<li>福建
<ul>
<li>厦门</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
页:
[1]