表结构和数据如下
需要【TreeVo】和【LayUIBuildTree】，详情见末尾参考文档，其中【LayUIBuildTree】我有些许改动，如下
控制层的代码如下
前台代码如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="layui/css/layui.css"> <script src="js/jquery-3.1.1.js"></script> </head> <body> <p>这是初始页面public</p> <div id="myTree"></div> <script src="layui/layui.js"></script> <script> layui.use('tree', function () { var tree = layui.tree; //请求树的数据 $.ajax({ url: "/getAll", type: "post", success: function (result) { //渲染树的数据 var treeInst = tree.render({ elem: '#myTree' //绑定元素 , data: JSON.parse(result) }); } }); }); </script> </body> </html>
页面效果如下
碰到的问题：
前台代码中，目前是树的渲染放在ajax之中。之前是树的渲染与ajax平级，在ajax的回调函数中reload树。
通过前后台的打印语句，判断请求发送到了后台，并将正确数据返回到前台的回调函数，但是页面没有数据。
