jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库，假设我们的数据已经是json 的文件格式，接下来就是将这个json文件里面的数据显示到页面的表格上。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://www.jb51.net/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> </head> <body> <table> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td> </tr> </table> </body> </html>
以上这篇jQuery中将json数据显示到页面表格的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: