// 根节点ID和名称 var rootId = "N000"; var rootName = "菜单"; // 获取指定节点下的所有子节点 function getChildren(nodes, id) { var result = []; for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; if (node.parentIndex === id) { node.children = getChildren(nodes, node.id); result.push(node); } } return result; } // 构建 DOM 树 function buildTree(parentNode, children) { for (var i = 0; i < children.length; i++) { var childNode = children[i]; var tr = $('<tr class="treegrid-' + childNode.id + '"><td>' + childNode.name + '</td></tr>'); parentNode.append(tr); if (childNode.children && childNode.children.length > 0) { var subTable = $('<table></table>'); tr.append(subTable); buildTree($('<tbody></tbody>').appendTo(subTable), childNode.children); } } } // 主程序 const username = 'hzx>' var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == XMLHttpRequest.DONE) { alert("返回值：" + xhr.responseText); if (xhr.status == 200) { var jsonData = JSON.parse(xhr.responseText); }else { alert("请求失败：" + xhr.statusText); } } xhr.open("GET","shouquan.php?username=".username, true); xhr.send(); }; var root = { id: rootId, name: rootName, children: getChildren(jsonData, rootId) }; buildTree($('#tree tbody'), root.children); // 初始化 treegrid $('#tree').treegrid({ expanderExpandedClass: 'glyphicon glyphicon-minus', expanderCollapsedClass: 'glyphicon glyphicon-plus' });代码查错

该代码存在一些语法错误和逻辑问题，具体如下：

1. 第 33 行缺少括号的闭合。应该在 `xhr.onreadystatechange` 函数的末尾加上一个右括号 `}`。

2. 第 35 行中，字符串连接符号 `+` 前面应该有一个空格。

3. 第 36 行缺少左括号。应该在 `if (xhr.status == 200)` 行的前面加上一个左括号 `{`。

4. 第 38 行缺少右括号。应该在 `} else {` 行的后面加上一个右括号 `}`。

5. 第 41 行的 `jsonData` 变量应该在外部声明，而不是在 `if (xhr.status == 200)` 的代码块中声明。

6. 第 42 行缺少左括号。应该在 `} else {` 行的前面加上一个左括号 `{`。

7. 第 44 行缺少右括号。应该在 `xhr.send();` 行的后面加上一个右括号 `}`。

8. 第 46 行的 `getChildren` 函数需要接收一个数组参数 `nodes`，但是该参数在调用时没有传入。

9. 第 54 行中，`subTable` 变量应该先创建 `<tbody>` 元素，再将其添加到 `<table>` 元素中。

10. 第 55 行中，`buildTree` 函数需要接收一个节点参数 `tr`，但是该参数在调用时没有传入。

11. 第 59 行中，`$('#tree tbody')` 应该改为 `$('#tree > tbody')`，以避免影响其他子元素的样式。

12. 第 62 行中，`$('#tree')` 应该改为 `$('#tree > tbody')`，以使 `treegrid` 插件应用于表格主体而不是整个表格。

经过修改后的代码如下所示：