如何构建JavaScript长尾词的无限级树形结构？

本文共计4043个文字，预计阅读时间需要17分钟。

目录

一、问题研究的背景和意义

二、详细设计方案

三、源代码实现（Java版）

四、思考与总结

（1）XML层次结构（2）UL-LI层次结构（3）TABLE层次结构

一、问题研究背景和意义

二、详细设计方案

三、源代码实现（Java版）

四、思考与总结

目录

• ​一、问题研究的背景和意义​
• ​二、详细设计方案​
• ​三、源代码实现（Java版）​
• ​四、思考与总结​
• （1）XML层次结构
• （2）UL-LI层次结构
• （3）TABLE层次结构

​一、问题研究的背景和意义​

在Web应用程序开发领域，基于Ajax技术的JavaScript树形组件已经被广泛使用，它用来在Html页面上展现具有层次结构的数据项。目前市场上常见的JavaScript框架及组件库中均包含自己的树形组件，例如jQuery、Ext JS等，还有一些独立的树形组件，例如dhtmlxTree等，这些树形组件完美的解决了层次数据的展示问题。展示离不开数据，树形组件主要利用Ajax技术从服务器端获取数据源，数据源的格式主要包括JSON、XML等，而这些层次数据一般都存储在数据库中。