js如何拼接一个list

最新推荐文章于 2024-08-27 10:30:00 发布

转角人生

最新推荐文章于 2024-08-27 10:30:00 发布

阅读量1.3w

点赞数 1

分类专栏： json数据

本文链接：https://blog.csdn.net/xuanzhangran/article/details/63253408

版权

json数据专栏收录该内容

4 篇文章 0 订阅

订阅专栏

页面代码：
比如：ａｊａｘ请求后台获取一个json，先把他解析一下，然后找到list拼接出来：

function Jdwuliu(jdNumber){
    $.ajax({
        url: "/BusinessManagament/getLogistics.html",
        data:{jdNumber:jdNumber},
        type: "post",
        dataType:"json",
        success:function(obj){//ｏｂｊ为一个ｊｓｏｎ
            if(obj!=null){
                var jsonObj=JSON.parse(obj);//通过转换后的json对象
                if(jsonObj.success==true && jsonObj.result!=null){
                    $('.wuliulist tr').remove();
                    var html="<tr style='border-bottom:1px solid #ccc;height:40px;'><td style='width:400px;text-align:center;'>配送内容</td><td style='width:150px;text-align:center;'>操作时间</td><td style='width:150px;text-align:center;'>操作人</td></tr>";//拼接表头
      $('.wuliulist').append(html);
      //jsonObj.result.orderTrack.reverse()为json里的一个list集合
    $.each(jsonObj.result.orderTrack.reverse, function (i, item) {//循环list集合
    var afsDetailType = item.afsDetailType;
                              if(afsDetailType == 10){
                                  afsDetailType="主商品";
                              }else if(afsDetailType == 20){
                                  afsDetailType="赠品";
                              }else if(afsDetailType == 30){
                                  afsDetailType="附件";
                              }
      var time_html="<time style='float:right;'>"+(new Date(item.createDate)).toLocaleDateString()+" "+(new Date(item.createDate)).toLocaleTimeString()+"</time>";
       var tr_html="<tr style='border-bottom:1px solid #ccc;height:40px;'><td style='width:400px;text-align:center;'>"+item.content
                            +"</td><td style='width:150px;text-align:center;'>"+item.msgTime
                            +"</td><td style='width:120px;text-align:center;'>"+item.operator
                            +"</td><td style='width:120px;text-align:center;'>"+time_html//拼接时间
                            +"</td><td style='width:120px;text-align:center;'>"+afsDetailType//拼接判断语句
                            +"</td></tr>"
                            $('.wuliulist').append(tr_html);
                     });
                }           
            }
        }
    });
}


//将查出来的list循环显示在table里
<div class="row" id="JDwuliuDiv">
    <table class="wuliulist"></table>                       
</div>