解析json自动生成表格

最新推荐文章于 2023-11-21 18:06:44 发布

入门有点晚

最新推荐文章于 2023-11-21 18:06:44 发布

阅读量4k

点赞数 4

文章标签： json javascript 前端

本文链接：https://blog.csdn.net/weixin_45190226/article/details/122789668

版权

本文介绍了如何将从Java后端获取的JSON字符串解析并显示到前端表格中，以学生信息为例，展示了具体的业务代码实现，包括利用tbody标签进行分块加载以及在window.onload中绑定点击事件。

摘要由CSDN通过智能技术生成

代码业务说明：
将一个含有学生信息的josn字符串中信息解析出来，并将里面的内容添加到表格中。

假设：从java程序后端传递进来一个如下json字符串
“{“total”:2,“students”:[{“name”:“Jim”,“age”:20},{“name”:“Tom”,“age”:19}]}”

具体业务代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解析json自动生成表格</title>
    <script>
        //从java后端传递过来一个json格式的字符串
        let javaJson = "{\"total\":2,\"students\":[{\"name\":\"Jim\",\"age\":20},{\"name\":\"Tom\",\"age\":19}]}";
        //用eval函数将javaJson转换成json对象
        window.eval("var jsonObj = " + javaJson);
        /*
        * 创建一个方法：点击button按钮将json对象中的属性值添加到表格中
        */
        let addTr = function (){
   
            //获取json对象中total属性的值
            var totalNumber = jsonOb

最低0.47元/天解锁文章

入门有点晚

关注

4
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
解析json自动生成表格

代码业务说明：将一个含有学生信息的josn字符串中信息解析出来，并将里面的内容添加到表格中。假设：从java程序后端传递进来一个如下json字符串“{“total”:2,“students”:[{“name”:“Jim”,“age”:20},{“name”:“Tom”,“age”:19}]}”具体业务代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
复制链接

扫一扫