JS 循环JSON将数据遍历到Table里面

在研发过程中,我们有时候需要在页面弹出框中展示表格数据,这就需要将JSON数据循环,遍历到一个Table里面,具体代码如下:
JS:

function LoadFun() {
    $("#detail").html("");
       var html = "";
       html += "<table style=\"width: 100%; background-color: #fff; margin: 0 auto; border-left: 0;\"cellspacing=\"0\" cellpadding=\"3\" >";
       html += "<tr style=\"background-color: #F7F7F7; height: 30px; font-weight: bold;\">";
       html += "<td align=\"left\">物流公司</td>";
       html += "<td align=\"left\">对方物流公司</td>";
       html += "<td align=\"center\" style=\"border-right: 0;\">操作</td>";
       html += "</tr>";
       $.post("Logistic.aspx", { lei: "LoadFun", storeroomId: $("#storeroomId").val() }, function (data) {
           var obj = jQuery.parseJSON(data);
           $.each(obj.list, function (i, item) {
               html += "<tr οnmοuseοver=\"this.style.backgroundColor=\'#C6D6E7\'\" οnmοuseοut=\"this.style.backgroundColor=\'#ffffff\'\" style=\"height: 30px;\">";
               html += " <td align=\"left\">" + item.Title + "</td>";
               html += " <td align=\"left\">" + item.LogisticApiTitile + "</td>";
               html += "<td align=\"center\"> <a href=\"javascript:;\" class=\"redbutton\" οnclick=\"Del(\'" + item.id + "\')\">删除</a></td>";
               html += "</tr>";
           });
           html += "</table>";
           $("#detail").html(html);
       }).error(function (request, status, error) {
           html += "</table>";
           $("#detail").html(html);
       });
  }

HTML:相当于一个容器,把JS拼接的Table放入这里

<div id="detail">
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值