我已经尝试了很多但失败了,我想显示要通过 ajax 调用加载的 JSON 文件中的数据并使用 TreeView JS 插件我想在 TreeView 中显示它,但我不知道我错在哪里。这是我尝试过的。
<html>
<head>
<title> test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css" />
<style>
</style>
<script> // JS Code
$(document).ready(function(){
$.ajax({
url: "./js/response.json",
dataType: "json",
success: function(data)
{
$('#treeview').treeview({data:data});
}
});
});
</script>
</head>
<body>
<br /><br />
<div class="container" style="width:900px;">
<div id="treeview"></div>
</div>
</body>
</html>
以下是 JSON 文件内容:
{
"files": {
"cookies_policy": "",
"eMxdhb7i": "",
"pro": "",
"trends": "",
"api": "",
"/": "",
"FfGKmKD5": "",
"tools": "",
"archive": "",
"privacy": "",
"alerts": "",
"9Fq13m5b": "",
"languages": "",
"2YX95ccy": "",
"RxcrFUVZ": "",
"dmca": "",
"signup": "",
"faq": "",
"85zyx0mp": "",
"settings": "",
"scraping": "",
"messages": "",
"DCWujcGi": "",
"contact": "",
"FZTPHnt9": "",
"login": ""
},
"folders": {
"services": {
"files": {
"dedicated-servers.php": ""
},
"folders": {
},
"list_files": [
"dedicated-servers.php"
],
"list_folders": [
]
}
},
"list_files": [
"trends",
"api",
"tools",
"faq",
"login",
"messages",
"alerts",
"settings",
"archive",
"DCWujcGi",
"9Fq13m5b",
"FfGKmKD5",
"2YX95ccy",
"85zyx0mp",
"FZTPHnt9",
"eMxdhb7i",
"RxcrFUVZ",
"pro",
"signup",
"/",
"languages",
"privacy",
"cookies_policy",
"contact",
"dmca",
"scraping"
],
"list_folders": [
"services"
]
}
但是我尝试了在互联网上找到的所有可能的方法,但找不到任何方法,有人可以帮助我解决这个难题吗?我看到的只是一个空白页。我不知道我在这里错在哪里。我需要这方面的指导。谢谢!
使用检索到的数据并进入树视图选项,如下所示:
$('#treeview').treeview({
data: myData
});
可能你的数据在这里,我不能尝试你的脚本:
success: function(myData) ...