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

来源：动视网责编：小采时间：2020-11-27 22:13:58

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

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

推荐度：

点击下载本文 文档为doc格式

导读jQuery中将json数据显示到页面表格的方法:jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库，假设我们的数据已经是json 的文件格式，接下来就是将这个json文件里面的数据显示到页面的表格上。 <!DOCTYPE html> <html> <head> <meta

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

<!DOCTYPE html>
<html>
 <head>
 <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>
 </head>
 <body>
 <table border="1px" id="tab">
 <tr>
 <td>姓名</td>
 <td>性别</td>
 <td>年龄</td>
 </tr>
 </table>
 </body>
</html>

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

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

推荐度：

点击下载本文 文档为doc格式

标签：表格的 json json数据

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐