jquery - jeasyui ajax 需要帮助

Question

我正在使用 jeasyUI 并想要实现树形文件网格。我的代码可以很好地从我的 mysql 数据库检索项目(树)，显示它并让它被放置和拖动，但我不知道如何实现 AJAX 部分以在重新排序项目时上传更改。我包含了示例代码，但它不起作用。老实说，我是 AJAX 的新手，尽管我过去曾使用过它一点。谁能指出我应该做什么的正确方向。我了解 PHP、Mysql，目前正在学习 JQUERY 和 Javascript。

    <script>
    $(function(){
        $('#tt2').tree({
            dnd: true,
            url:'sql/tree2_getdata.php',                
            onClick: function(node){
                $(this).tree('beginEdit',node.target);
            },
            onDrop: function(targetNode, source, point){

                var targetId = $(target).tree('getNode', targetNode).id;
                $.ajax({
                    url: 'sql/tree2_putdata.php',
                    type: 'post',
                    dataType: 'json',
                    data: {
                        id: source.id,
                        targetId: targetId,
                        point: point
                    }
                }); 
            }
        }); 
        });
</script>
<h2>File List</h2>
<ul id="tt2"></ul>

Answer 1

尝试这样的事情

$.ajax({
                    url: 'sql/tree2_putdata.php',
                    type: 'post',
                    dataType: 'json',
                    data: {
                        id: source.id,
                        targetId: targetId,
                        point: point
                    },
                    success: function(data){
                      $(this).tree('reload');
                    }
                }); 

并确保更新 tree2_putdata.php 文件中树的顺序

希望可以帮到你