実践演習-外部ファイルから表作成
外部ファイルから表作成 - 基本形
<h1>ajaxTable</h1> <table> <thead> <tr> <th>No.</th> <th>名前</th> <th>メール</th> </tr> </thead> <tbody id="tbody"></tbody> </table>
$(function(){ var tbody = $('#tbody'); $.getJSON('data.json', function(people){ $.each(people, function(i, person){ var text_no = person.no; var text_name = person.name; var text_mail = person.mail; var tr = $('<tr />'); var no = $('<td />').text(text_no); var name = $('<td />').text(text_name); var mail = $('<td />').text(text_mail); tr.append(no); tr.append(name); tr.append(mail); tbody.append(tr); }); }); });