ホームページ >ウェブフロントエンド >jsチュートリアル >jsonをテーブルに出力する方法
jsonをテーブルに出力する方法
- 一个新手オリジナル
- 2017-09-08 13:15:471866ブラウズ
私は最近フロントエンドを書いています。規模の大小に関係なく、私のブログに参加してください。
あまり言うことはありませんが、実際には単純な 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をテーブルに出力する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。