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 файл

надеюсь, что это может помочь вам