最新国产好看的视频,伊人天堂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)論

遂川县| 麻栗坡县| 合阳县| 渭源县| 醴陵市| 宝应县| 江都市| 翁牛特旗| 木里| 和田市| 惠安县| 昌黎县| 富源县| 鄂州市| 克什克腾旗| 澜沧| 兴山县| 新民市| 全州县| 嘉义市| 平乐县| 毕节市| 顺平县| 库伦旗| 砀山县| 胶南市| 枝江市| 随州市| 华坪县| 扶风县| 新平| 金昌市| 囊谦县| 志丹县| 大方县| 开封市| 宜都市| 泽州县| 金沙县| 泗阳县| 吴桥县|