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

發(fā)布時(shí)間：2020-09-24 11:21:14 來(lái)源：腳本之家閱讀：234 作者：貓屎不是咖啡欄目：web開(kāi)發(fā)

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è)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽