站长资源
中国站长网站

jQuery中遍历json数据循环显示到页面表格中

jQuery中将json数据显示到页面表格,jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库,假设我们的数据已经是json 的文件格式,接下来就是将这个json文件里面的数据显示到页面的表格上。

<meta charset="UTF-8" />
<title></title>
<script src="js/jquery-1.8.3.js"></script><script type="text/javascript">
            var stu = [
                { "name": "张三", "sex": "男", "age": "20" },
                { "name": "李四", "sex": "男", "age": "18" },
                { "name": "王五", "sex": "男", "age": "19" }
            ];
 
            $(document).ready(function() {
                var s = "";
                for(var i = 0; i < stu.length; i++) {
                    s = "<tr><td>" + stu[i].name + "</td><td>" + stu[i].sex + "</td><td>" +
                        stu[i].age + "</td></tr>";
                    $("#tab").append(s);
                }
            });
        </script>
<table border="1px" id="tab">
<tbody>
    <tr>
    <td>姓名</td>
    <td>性别</td>
    <td>年龄</td>
    </tr>
</tbody>
</table>

本文出处:来自互联网信息共享,请勿相信收费信息站长资源 » jQuery中遍历json数据循环显示到页面表格中

评论 抢沙发

评论前必须登录!