html填写json数据到表格,jQuery中将json数据显示到页面表格的方法

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

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 = "

" + stu[i].name + "" + stu[i].sex + "" +

stu[i].age + "

";

$("#tab").append(s);

}

});

姓名

性别

年龄

以上这篇jQuery中将json数据显示到页面表格的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。