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