热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jqueryzTree异步加载简单实例讲解_jquery

这篇文章主要为大家详细介绍了jqueryzTree异步加载简单实例,ztree采用了延迟加载技术,上万节点轻松加载,即使在IE6下也能基本做到秒杀,感兴趣的小伙伴们可以参考一下
本文实例讲解了jquery zTree异步加载,分享给大家供大家参考,具体内容如下

web.xml中Servlet配置如下:

<&#63;xml version="1.0" encoding="UTF-8"&#63;> 
 
   
   
   
    getDataServlet;  
    testTree.TestTree;  
   
   
   
  getDataServlet;  
  /getData;  
   
 
 

JSP页面:

 
 
 
   
   
   
   
   
   
   
   
   
     
  《SCRIPT》 
  
 
 

最简单的树 -- 简单 JSON 数据

[ 文件路径: core/simpleData.html ]

    Action代码:

    public class TestTree extends HttpServlet { 
     
      @Override 
      public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    //   System.out.println("--------doGet--------"); 
        this.doPost(request, response); 
      } 
     
      @Override 
      public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    //   System.out.println("--------doPost--------"); 
        String id = request.getParameter("id"); 
        String name = request.getParameter("name"); 
        String level = request.getParameter("level"); 
        String otherParam = request.getParameter("otherParam"); 
        System.out.println(id + "|" + name + "|" + level + "|" + otherParam); 
         
        JSONObject json = new JSONObject(); 
        List> list = new ArrayList>(); 
         
        for(int i = 0; i <5; i++){ 
          HashMap hm = new HashMap();  //最外层,父节点       
          hm.put("id", id + i);//id属性 ,数据传递  
          hm.put("name", id + i); //name属性,显示节点名称  
          hm.put("pId", id); 
           
          list.add(hm); 
        } 
         
        JSONArray arr = new JSONArray(list); 
        json.put("success", true); 
        json.put("arr", arr); 
         
        System.out.println("--------json------" + json.toString()); 
        response.getWriter().write(arr.toString()); 
    //   response.getWriter().write(json.toString()); 
    //   response.getWriter().write("[{pId:'2',name:'20',id:'20'}]"); 
      } 
     
    } 

    以上就是jquery zTree异步加载实例分享给大家,希望对大家学习异步加载技术有所帮助。

    推荐阅读
    • VScode格式化文档换行或不换行的设置方法
      本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
    • Java验证码——kaptcha的使用配置及样式
      本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
    • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
    • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
    • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
      本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
    • 本文介绍了使用jQuery实现图片预加载和等比例缩放的方法,同时提供了演示和相关代码。该方法可以重置图片的宽度和高度,并使图片在水平和垂直方向上居中显示。 ... [详细]
    • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
    • 用JavaScript实现的太空人手表
      用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]
    • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
    • CSS3选择器的使用方法详解,提高Web开发效率和精准度
      本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
    • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
    • 使用在线工具jsonschema2pojo根据json生成java对象
      本文介绍了使用在线工具jsonschema2pojo根据json生成java对象的方法。通过该工具,用户只需将json字符串复制到输入框中,即可自动将其转换成java对象。该工具还能解析列表式的json数据,并将嵌套在内层的对象也解析出来。本文以请求github的api为例,展示了使用该工具的步骤和效果。 ... [详细]
    • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
    • 前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]
    • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
    author-avatar
    s0e2tv26d80iossI
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有