javascript - jsTree 不使用 AJAX 渲染

Question

我正在尝试实现 jsTree 和 AJAX 以在服务器上显示动态文件结构。我将网页设置为

<div id="tree">
</div>

我的 Javascript 是

    $(document).ready(function(){

        $('#tree').jstree({
            'core' : {
                'data' : {
                    'url' : function(node) {
                        return 'folder/?folder=' + ((node.id === '#')?'':node.id);
                    },
                    'type': 'GET',
                    'dataType': 'json',
                    'contentType':'application/json',
                    'data' : function (node) {
                        return { 'id' : node.id };
                    }
                }
            }
        });
    });

我的 Java 端点返回此 JSON 格式的字符串。

[
    {
        "id":"ci/",
        "text":"ci",
        "parent":"#"
    },
    {
        "id":"dev/",
        "text":"dev",
        "parent":"#"
    },
    {
        "id":"prod/",
        "text":"prod",
        "parent":"#"
    }
]

当我在 javascript 和 Java 中放置断点时，我看到“url”函数首先被调用，然后是“data”函数，然后它转到后端。它返回字符串，但没有任何反应。我只显示“正在加载...”

我从 https://github.com/vakata/jstree/zipball/3.0.8 下载了 jsTree我包括了 zip 中的两个文件

<script src="${pageContext.request.contextPath}/js/vendor/jstree.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.min.css">

理想情况下，我要做的是构建一个文件夹树结构，用户最终会选择将文件上传到 S3 的位置。我想在点击时延迟加载文件夹，id 将是文件夹路径(即 dev/en_US/someFolder/images/)

Answer 1

我发现它没有呈现的问题。尽管文档指出如果未设置 JSON header ，那么您可以指定 "dataType": "json"它不起作用。我必须转到我的方法并将返回类型作为“application/json”添加到方法中。然后它起作用了。