zoukankan      html  css  js  c++  java
  • 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、使用自己能够快速上手的,就是最好的,在闲暇时间再研究新技术。

  • 相关阅读:
    Reactivecocoa初级使用
    javascript中typeof用法
    javascript进阶修炼之二——DOM,事件及定时器
    javascript进阶修炼之一——javascript必备操做
    HttpClient通信
    JSON和JSONP简单总结
    cordova学习-基础篇
    浅析Java虚拟机结构与机制
    HTML5移动Web开发指南-学习笔记(一)
    spring beans 源码解读
  • 原文地址:https://www.cnblogs.com/ciscolee/p/12405235.html
Copyright © 2011-2022 走看看