Question

我正在尝试创建一个连接到Dropbox API的jstree。我想将我的Dropbox中的所有文件夹显示给jstree，但是没有输出，并且没有错误，只是说：

XHR已完成加载：POST“https://api.dropboxapi.com/1/delta”。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ajax JS Tree</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.3/themes/default/style.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.3/jstree.min.js"></script>
</head>
<body>
    <div id="container"></div>
    <script>
        $(function() {
            var fullTree;
            var url = 'https://api.dropboxapi.com/2/files/alpha/get_metadata';
            var access_token = 'I-pZSjTC4tAAAAAAAAAAl1Wpza91KvV_17XKarAsyEMpC78Ereo9-uO2QVE-Sx0a';
            $.ajax({
                url: url,
                data: fullTree,
                method: "POST",
                dataType: "json",
                beforeSend: function(request) {
                    request.setRequestHeader("Authorization", 'Bearer ' + access_token);
                },

                success: function(fullTree) {
                    $('#container').jstree({
                        'core': {
                            "data": fullTree,

                            "check_callback": true,

                        },
                        "plugins": ["themes", "contextmenu", "ui"]
                    });

                },

                error: function(xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            });

        });
    </script>
</body>
</html>

我尝试了包括AJAX和jQuery在内的一切，但没有任何反应。

Answer 1

似乎你把你的url变量作为数据。我认为这是一个错误。它不是你想要的检索到的json变量作为数据吗？

"json_data" : {
            "data" :json,
             'data' : function (node) {
                return { 'id' : node.id };
            }

我的Jstree不显示任何文件夹

1 个答案: