.net前端后台两种方式处理树形结构（tree）

最新推荐文章于 2024-08-22 09:25:27 发布

xman俊520

最新推荐文章于 2024-08-22 09:25:27 发布

阅读量4.4k

点赞数 3

分类专栏： asp.net 文章标签： .net web service json tree

本文链接：https://blog.csdn.net/u012421679/article/details/49663829

版权

本文介绍了在.NET环境下，前端和后台处理树形结构（Tree）的两种不同方法。在前端处理中，数据从后台以JSON格式获取后进行组织；而在后台处理中，服务器直接构建并返回树形结构数据，减轻前端负担。

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

数据库：

1.前端处理方式：

//后台返回的json字符串：

<pre name="code" class="javascript">var data ="[{"fatherId":0,"sonId":9999,"name":"中国"},{"fatherId":1,"sonId":0,"name":"湖北省"},{"fatherId":2,"sonId":1,"name":"武汉市"},{"fatherId":3,"sonId":1,"name":"咸宁市"},{"fatherId":4,"sonId":3,"name":"崇阳县"},{"fatherId":5,"sonId":3,"name":"温泉区"},{"fatherId":6,"sonId":2,"name":"江岸区"},{"fatherId":7,"sonId":2,"name":"江夏区"},{"fatherId":8,"sonId":0,"name":"湖南省"},{"fatherId":9,"sonId":8,"name":"长沙市"}]";

//前端处理：
var node = { id: _data[0].fatherId, pid: _data[0].sonId, text: _data[0].name, children: [] };
getAreaTree(_data, node);

function getAreaTree(data,pnode)
{
    var _Name = [];
    var temp = {id:"",pid:"",text:"",children:[]};
    for (var i = 0; i < data.length; i++)
    {
        if (data[i].sonId == 0 && pno