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>
评论前必须登录!
注册