最近在寫前端,無論大小知識點,都來為我的部落格添塊磚吧。
話不多說其實就是一個簡單的js 的for迴圈
js程式碼:
$(function(){ var str=[{name:"zy",age:111,sex:0,pass:1},{name:"zay",age:112},{name:"zby",age:113},{name:"zcy",age:114}]; obj=eval(str); var ht = ''; for(var i=0;i<obj.length;i++){/ ht = ht+'<tr>'; ht = ht + '<td>' + obj[i].name + '</td>'; ht = ht + '<td>' + obj[i].age + '</td>'; ht = ht + '<td>' + obj[i].sex + '</td>'; ht = ht + '<td>' + obj[i].pass + '</td>'; ht = ht+'</tr>'; } $('#tb').append(ht); })
html程式碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> <link rel="stylesheet" href="css/table.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/table.js"></script> </head> <body> <p> <table id="tb" > <tr> <td>1</td> <td>1</td> <td>1</td> </tr> </table> </p> </body> </html>
以上是如何把 json輸出至table的詳細內容。更多資訊請關注PHP中文網其他相關文章!