treetable ajax 示例代码

treetable是一种常用的网页表格展示方式，它能够以树形结构展示数据，并且支持对树节点进行展开和折叠操作。在使用treetable时，我们通常会使用ajax来动态加载数据，以实现在用户展开节点时动态获取子节点数据的功能。

示例代码如下：

// 定义一个函数，用于加载树节点的数据
function loadTreeData(nodeId) {
  // 发送ajax请求，获取树节点的子节点数据
  $.ajax({
    url: 'treeData.php',
    data: { nodeId: nodeId },
    success: function(data) {
      // 将返回的数据添加到树节点下面
      var parentNode = $('#treeTable').treetable('node', nodeId);
      $('#treeTable').treetable('loadBranch', parentNode, data);
    }
  });
}
$(document).ready(function() {
  // 初始化treetable
  $('#treeTable').treetable();
  // 监听节点展开事件
  $('#treeTable').on('expand.treetable', function() {
    // 获取展开的节点id
    var nodeId = $(this).treetable('getSelectedNodeId');
    // 加载节点的子节点数据
    loadTreeData(nodeId);
  });
});

在以上示例代码中，我们首先定义了一个名为`loadTreeData`的函数，用于加载树节点的子节点数据。该函数通过发送ajax请求到后端的`treeData.php`接口，并将节点id作为参数传递给接口。接口返回的数据会被添加到相应的树节点下面，实现了树节点的动态加载。

在页面加载完成后，我们使用`treetable`插件初始化了一个名为`treeTable`的表格，并通过监听节点展开事件，在节点展开时调用`loadTreeData`函数加载子节点数据。这样，当用户展开一个节点时，会触发ajax请求，并将返回的数据添加到展开的节点下面，从而实现了动态加载的效果。