beego框架-- 前端json显示table

最新推荐文章于 2024-09-06 21:05:46 发布

烟台小虫

最新推荐文章于 2024-09-06 21:05:46 发布

阅读量2.1k

点赞数

分类专栏： golang--beego框架

本文链接：https://blog.youkuaiyun.com/ziyouzhiqiu/article/details/38874013

版权

6 篇文章

订阅专栏

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>组织编辑</title>

    <style type="text/css">

        table

            padding: 0;

            margin: 0;

            border-collapse: collapse;

td

            border: 1px solid #009999;

            padding: 6px 6px 6px 12px;

            color: #4f6b72;

            text-align: center;

    </style>

    <script type="text/javascript">

        function createTable(toid, jsondata) {

            var table = document.createElement("table");

            var tr, td;

            tr = document.createElement("tr");

            td = document.createElement("td");

            td.appendChild(document.createTextNode("列1"));

            tr.appendChild(td);

            td = document.createElement("td");

            td.appendChild(document.createTextNode("列2"));

            tr.appendChild(td);

            td = document.createElement("td");

            td.appendChild(document.createTextNode("列3"));

            tr.appendChild(td);

            td = document.createElement("td");

            td.appendChild(document.createTextNode("列4"));

            tr.appendChild(td);

            td = document.createElement("td");

            td.appendChild(document.createTextNode("列5"));

            tr.appendChild(td);

            table.appendChild(tr);

            for (i in jsondata) {

                tr = document.createElement("tr");               //创建tr

                    for (j in jsondata[i]) {                                      //根据数据在tr内创建td

                        td = document.createElement("td");

                        td.appendChild(document.createTextNode(jsondata[i][j]));

                        tr.appendChild(td);

                table.appendChild(tr);

            document.getElementById(toid).appendChild(table);

    </script>

    <script type="text/javascript">

        window.onload = function () {createTable("data",eval({{.tdata}}));

    </script>

</head>

<body >

<form action="/" method="post">

<div id="data"></div>

</form>

</body>

</html>