Javascript ajax请求成功后在jqtree中追加子节点时出现问题

Javascript ajax请求成功后在jqtree中追加子节点时出现问题,javascript,jquery,ajax,tree,jqtree,Javascript,Jquery,Ajax,Tree,Jqtree,我在将子节点附加到树中时遇到问题。情况是, 我想使用ajax调用在单击节点箭头时加载树节点。因此,为了获得树结构,我最初只将根级别的节点传递给树,树运行良好,但当我单击箭头时,它将进行ajax调用,它将采用下一级别的节点层次结构,但会覆盖上一个树结构 我有: <script type="text/javascript"> $(document).ready(function() { $(function() { var $tree = $('#themes');

我在将子节点附加到树中时遇到问题。情况是, 我想使用ajax调用在单击节点箭头时加载树节点。因此,为了获得树结构,我最初只将根级别的节点传递给树,树运行良好,但当我单击箭头时,它将进行ajax调用,它将采用下一级别的节点层次结构,但会覆盖上一个树结构

我有:

<script type="text/javascript">
$(document).ready(function() {
$(function() {
      var $tree = $('#themes');
        $tree.tree({
            autoOpen: false,
                    dataUrl: "{% url 'get_root_hierarchy' grpid node.pk %}",
            });

        $tree.bind(
            'tree.open',
            function(event) {
                var node = event.node;                  
                $.ajax({
                  async : true,
                  type: "GET",
                  url: "{% url 'get_hierarchy' grpid %}?id=" + node.id,
                  datatype: "html",
                  success: function(data) {
                                      var data = $.parseJSON(data) ;
                                      $tree.tree({
                                          data:data
                                      });        
                  }

                });
            }
        );

    });

});
</script>

<div id="themes">  </div>
当我单击arrow进行ajax调用时,这会操作并发送子节点层次结构,ajax success函数会正确地接收输出,但它会覆盖整个树结构,然后显示所单击节点的新结构。 我想将子结构附加到上一个节点结构,请建议我如何实现该功能

您尝试过该功能吗

success: function(data) {
     var data = $.parseJSON(data) ;
      $tree.tree(
        'appendNode', data, node
      );
   }

是 啊我也是这样做的。谢谢