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("请求数据失败!"); } })
1、以后添加子节点,使用prepend()方法;
2、用一些标识,判断子代问题等;
3、代码风格应该保持一致性;
4、使用自己能够快速上手的,就是最好的,在闲暇时间再研究新技术。