Javascript 示例jsTree代码不工作演示_Javascript_Ajax_Json_Jstree

Javascript 示例jsTree代码不工作演示

javascript ajax json

Javascript 示例jsTree代码不工作演示,javascript,ajax,json,jstree,Javascript,Ajax,Json,Jstree,请使用适当的编辑器（并查看浏览器控制台…）。我将您的代码粘贴到Netbeans中（我也将其用于Java），它已经向我显示了以下错误： <!DOCTYPE html> <html> <head> <title>Demo</title> <script type="text/javascript" src="../_lib/jquery.js"></script> <script type="text/

请使用适当的编辑器（并查看浏览器控制台…）。我将您的代码粘贴到Netbeans中（我也将其用于Java），它已经向我显示了以下错误：

<!DOCTYPE html>    
<html>
<head>
<title>Demo</title>
<script type="text/javascript" src="../_lib/jquery.js"></script>
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="../jquery.jstree.js"></script>
<script type="text/javascript"">
    alert($().jquery);
    alert($().jstree._themes);

    $(function () {
        $("#tree").jstree({
            "json_data" : {
                "ajax" : {
                    "url" : "/home/antonio/tomcat/webapps/jstree/_docs/_json_data.json",
                    "data" : function (n) {
                        return { id : n.attr ? n.attr("id") : 0 };
                    }
                }
            },
        "plugins" : [ "themes", "json_data" ]
    });
});

</script>

</head>
<body>
    <h> Hello </h>
    <div id='tree'></div>

</body>
</html>

这是我找到的解决问题的方法
<script type="text/javascript">

<h1> Hello </h1>


演示
警报（$（）.jquery）；
警报（$（）.jstree.\u主题）；
$（函数（）{
$（“#树”）.jstree({
“json_数据”：{
“ajax”：{
“url”：函数（节点）{
如果（节点==-1）
{
url=loadRoot（）；
}
否则{
url=loadNode（节点）；
}
返回url；
},
“数据”：功能（n）{
返回{id:n.attr？n.attr（“id”）：0}；
}
}
},
“插件”：[“主题”，“json_数据”]
});
});
函数loadRoot（）{
返回“http://localhost:7777/jstree/_docs/_json_data_123.json";
}
函数loadNode（节点）{
var nodeId=“”；
var url=“”；
nodeId=node.attr（'id'）；
//调用将检索信息的函数。
//fetchData（）；
url=”http://localhost:7777/jstree/_docs/_json_data_0“+nodeId+”.json”；
返回url；
}
你好
感谢您发现的错误，但导致错误的一行是：“url”：“/home/antonio/tomcat/webapps/jstree/\u docs/\u json\u data.json”，除此之外，我使用了另一个“url”：“”，现在可以正常工作。也许您想将答案发布为解决方案/删除线程？
<script type="text/javascript">

<h1> Hello </h1>

<html>
<head>
<title>Demo</title>
<script type="text/javascript" src="../_lib/jquery.js"></script>
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="../jquery.jstree.js"></script>
<script type="text/javascript">
    alert($().jquery);
    alert($().jstree._themes);
    $(function () {
        $("#tree").jstree({
            "json_data" : {
                "ajax" : {
                    "url" : function (node) {
                        if (node == -1)
                        {
                            url = loadRoot();
                        }
                        else {
                            url = loadNode(node);  
                        }

                        return url;
                    },
                    "data" : function (n) {
                        return { id : n.attr ? n.attr("id") : 0 };
                    }
                }
            },
        "plugins" : [ "themes", "json_data" ]
    });
});

function loadRoot() {
    return "http://localhost:7777/jstree/_docs/_json_data_123.json";
}

function loadNode(node) {
    var nodeId = "";
    var url = "";

    nodeId = node.attr('id');

    //Call the function that will retrieve the information.
    // fetchData();

    url = "http://localhost:7777/jstree/_docs/_json_data_0"+nodeId+".json";  
    return url;                    
}

</script>

</head>
<body>
    <h1> Hello </h1>
    <div id='tree'></div>

</body>
</html>