ztree+ajax+json请求，实现加载一棵ztree树

前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。

ztree官方文档：http://www.treejs.cn/v3/api.php

---

现在写了一个小的demo，具体可以参考官方文档，从文档上拿来一串json数据，放在前端的代码里面，方便大家查看效果，以及方便后端返回的数据。

在浏览器里面打开，效果如图所示：

把demo放在了github上面，有需要的可以自行下载;github：https://github.com/wangxiaoting666/ztree

现在如果是把数据放在json里面，通过ajax去请求，动态渲染出来。
这里的一切插件直接去前面给到的ztree的官方网站上去下载到本地，就可以直接引用了。
demo如下：

test.json数据
自己动手，写一些模拟的json数据吧。

[
    {
        "id": 1,
        "pId": null,
        "name": "特物联",
        "iconSkin": null,
        "checked": null,
        "isParent": true,
        "token": null
    },
    {
        "id": 2,
        "pId": 1,
        "name": "管理部",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 157,
        "pId": 2,
        "name": "我问问",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 158,
        "pId": 157,
        "name": "呜呜呜",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 160,
        "pId": 158,
        "name": "热热",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 159,
        "pId": 2,
        "name": "热热",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 134,
        "pId": 1,
        "name": "研发部",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 140,
        "pId": 1,
        "name": "安环部",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 143,
        "pId": 1,
        "name": "会议部",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    },
    {
        "id": 152,
        "pId": 1,
        "name": "生产部",
        "iconSkin": null,
        "checked": null,
        "isParent": false,
        "token": null
    }
]

另外：
往期合集
一些demo
jQuery的ztree仿windows文件新建和拖拽效果
https://www.jianshu.com/p/bfa67325719c

ztree实现编辑和删除功能
https://www.jianshu.com/p/95d1df89665f

ztree实现根节点单击事件，显示节点信息
https://www.jianshu.com/p/1e0ca6d8afad