実践演習-外部ファイルから表作成

外部ファイルから表作成 - 基本形

<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);
		});
	});
});