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、使用自己能够快速上手的，就是最好的，在闲暇时间再研究新技术。