对 JSON 文件的 AJAX 调用无法在树视图引导程序中显示数据



我已经尝试了很多但失败了,我想显示要通过 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) ...

最新更新