Javascript ajax请求成功后在jqtree中追加子节点时出现问题
我在将子节点附加到树中时遇到问题。情况是, 我想使用ajax调用在单击节点箭头时加载树节点。因此,为了获得树结构,我最初只将根级别的节点传递给树,树运行良好,但当我单击箭头时,它将进行ajax调用,它将采用下一级别的节点层次结构,但会覆盖上一个树结构 我有: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');
<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
);
}
是 啊我也是这样做的。谢谢