json 添加行、列

最新推荐文章于 2023-06-06 17:23:28 发布

tianhe8

最新推荐文章于 2023-06-06 17:23:28 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： json

本文链接：https://blog.youkuaiyun.com/mytianhe/article/details/42028197

web前端专栏收录该内容

12 篇文章

订阅专栏

这段代码展示了如何在页面加载完成后，利用jQuery处理JSON数据并动态生成表格内容。通过遍历JSON对象的items数组，将每个用户的属性值填充到表格的各个单元格中。

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

$(document).ready(function(){

                            var data1 = '{"context":{"total":2,"pageCount":1,"pageSize":10},"index":1,"hasPre":false,"hasNext":false,"items":[{"id":2,"username":"test","password":"11111","registerDate":1418832000000,"email":"test@ht.com"},{"id":1,"username":"test2","password":"admin","registerDate":1418832000000,"email":"admin@ht.com"}]}';
                            var data = eval ("(" + data1 + ")");
                            $("#tableUser>tbody").empty();
                            var strResult = "";
                            for(var i=0;i<data.items.length;i++){
                                var users = data.items[i];
                                strResult +="<tr>";
                                for(xx in users){
                                     strResult += "<td>"+users[xx]+"</td>";
                                }
                                strResult +="</tr>";
                                alert(strResult);
                                $("#tableUser>tbody").append(strResult);
                                strResult ="";
                            }


    })

欢迎提出你的想法和建议。