ajax获得json对象数组循环输出数据

最新推荐文章于 2022-11-18 12:23:54 发布

原创最新推荐文章于 2022-11-18 12:23:54 发布 · 9.2k 阅读

7 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用jQuery和JavaScript动态生成HTML表格的方法。通过遍历JSON数据对象，可以将数据填充到表格中，实现数据的动态展示。该方法适用于需要根据后台返回的数据实时更新前端显示的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var obj=
    [{id: 1, pId: 0, name: "采购商品", open: true}, {id: 2, pId: 1, name: "雨伞2", open: true}, {id: 2, pId: 1, name: "雨伞2", open: true}, {id: 2, pId: 1, name: "雨伞2", open: true}];
var x='';
     $.each(obj, function (n, value) {
       //  alert(n + ' ' + value);
         var trs = "";
         trs += "<tr><td>" + value.name + "</td> <td>" + value.id + "</td></tr>";
         x += trs;
     });

     $("#project").append(x);