国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中將json數據顯示到頁面表格的方法

2019-11-19 13:46:22
字體:
來源:轉載
供稿:網友

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數據顯示到頁面表格的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 谷城县| 清河县| 万盛区| 乳山市| 安阳县| 浦城县| 防城港市| 逊克县| 格尔木市| 体育| 丽水市| 色达县| 科技| 英山县| 镇巴县| 友谊县| 吉首市| 洛隆县| 保德县| 苍南县| 安徽省| 武清区| 台东市| 马龙县| 琼海市| 阳原县| 江陵县| 柳林县| 延安市| 台东市| 金阳县| 怀柔区| 绥宁县| 交城县| 乐清市| 平和县| 武平县| 石柱| 洛阳市| 同江市| 平陆县|