JQuery配合ajax实现添加子节点【**】

         //添加数据
        $.ajax({
           type : "post",
           async : false,            //true异步请求(false实现同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行)
           url : "../LogServlet",    //请求发送到GetJson
           data : {},
           dataType : "json",        //返回数据形式为json
           success : function(result) {  
               //addTimeAndContent(result);
               for(var key in result){
               //取年,将年加入,当id==1时,是一个特别的样式
               if(result[key].id==1){
                   $('#yearList').prepend("<li class='year-active'>"+result[key].year+"<i class='year-dot'></i></li>");
               }else{
                   $('#yearList').prepend("<li>"+result[key].year+"<i class='year-dot'></i></li>");
               }
               //取内容和序号,将序号加入
               $('#cUl').prepend("<li><span class='li-tit'>"+result[key].id+"</span><div class='container-li'><div class='c-li-left'><img src='images/a1.png' alt=''/></div><div class='c-li-right'>"+result[key].content+"</div></div></li>");  
               }
           },
           error : function(errorMsg) {
               //请求失败时执行该函数
               alert("请求数据失败!");
           }
        })
        
View Code

1、以后添加子节点,使用prepend()方法;

2、用一些标识,判断子代问题等;

3、代码风格应该保持一致性;

4、使用自己能够快速上手的,就是最好的,在闲暇时间再研究新技术。

posted @ 2020-03-03 22:34  CiscoLee  阅读(434)  评论(0编辑  收藏  举报