JSTree--JSON--AJAX动态加载JSON数据

最新推荐文章于 2024-09-10 15:05:52 发布

无心的雨

最新推荐文章于 2024-09-10 15:05:52 发布

阅读量1.3w

点赞数

分类专栏： JSTree 文章标签： json themes plugins function ajax servlet

本文链接：https://blog.csdn.net/kdiller/article/details/6059705

版权

本文介绍了如何使用JSTree结合JSON和AJAX动态从数据库或JSON文件中加载数据。提供了两个示例，一个是通过JSON文件加载数据，另一个是从JSP或Servlet获取数据。在示例中，详细展示了配置JSON_data和使用AJAX请求的代码实现。

摘要由CSDN通过智能技术生成

项目中往往结点往往需要动态从数据库中加载，JSON数据比xml数据更高效。

例子1：从json文件加载数据

$(function() {
  $("#demo1").jstree({
   "json_data" : {
    "ajax" : {
     "url" : "_json_data.json",
     "data" : function(n) {
      alert(n);
      return {
       id : n.attr ? n.attr("id") : 0
      };
     }
    }
   },
   "plugins" : [ "themes", "json_data" ]
  });
});

例子2：从jsp或servlet加载数据

$("#demo2")
    .jstree(
      {
       "json_data" : {
        "data" : [ {
         "data" : {
          "title" : "A node"
         },
         "attr" : {
          "id" : 0
         },
         "state" :