Jquery解析Json字符串,并且动态生成数据表格Table

最新推荐文章于 2023-04-17 08:03:02 发布

转载最新推荐文章于 2023-04-17 08:03:02 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Lhuatao/p/3481139.html

文章标签：

#json #javascript #ViewUI

本文介绍了一种使用Ajax从后台获取JSON数据，并利用jQuery库动态生成HTML表格的方法。具体步骤包括：发送Ajax请求到服务器，接收返回的JSON数据，解析数据并将其转换成表格形式，最终将表格插入到页面中。

 //ajax获得后台传来的json字符串
            $.post("UserInfo.ashx", function (data) {
                //假设data="{T1:[{User_ID:'123',User_Name:'李四'},{User_ID:'345',User_Name:'张三'}]}";

            var jsondatas = eval(data);

            $.each(jsondatas, function (i, item) {//遍历

            //通过 Jsondates[i].name 可以取出json里面的值

                var tr = $("<tr><td>" + jsondatas[i].User_ID+ "</td><td>" + jsondatas[i].User_Name + "</td></tr>");
                //动态生成列表

                $("table").append(tr);


              
                });

            });
        });