最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery中將json數(shù)據(jù)顯示到頁(yè)面表格的方法

 更新時(shí)間：2018年05月27日 09:55:16   作者：貓屎不是咖啡  
今天小編就為大家分享一篇jQuery中將json數(shù)據(jù)顯示到頁(yè)面表格的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

jQuery中將json數(shù)據(jù)顯示到頁(yè)面表格代碼。stu模擬的就是一個(gè)數(shù)據(jù)庫(kù)，假設(shè)我們的數(shù)據(jù)已經(jīng)是json 的文件格式，接下來(lái)就是將這個(gè)json文件里面的數(shù)據(jù)顯示到頁(yè)面的表格上。

<!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數(shù)據(jù)顯示到頁(yè)面表格的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

临沂市| 驻马店市| 墨竹工卡县| 澎湖县| 南安市| 泽州县| 民丰县| 浏阳市| 奈曼旗| 黄骅市| 柯坪县| 东乡县| 聂荣县| 堆龙德庆县| 中卫市| 文登市| 宜阳县| 嘉祥县| 无锡市| 阳春市| 广昌县| 洪洞县| 奇台县| 左贡县| 昭通市| 汉中市| 奎屯市| 沙洋县| 沧源| 沭阳县| 芮城县| 郎溪县| 万盛区| 苏尼特右旗| 新津县| 宝鸡市| 南宁市| 屯门区| 罗甸县| 沙田区| 和硕县|