js通过ajax获取到的数据动态生成表格

<table id="appointmentlist" >
		        <colgroup>
	 				<col width="60px">
			        <col width="250px">
			        <col width="250px">
			        <col width="90px">
		        </colgroup>
		        <thead >
		        <tr>
		          <th style="text-align:center;">预约单号</th>
		          <th style="text-align:center;">收件人信息</th>
		          <th style="text-align:center;">寄件人信息</th>
		          <th style="text-align:center;">预约状态</th>
		        </tr>
		      </thead>
		        <tbody>
		 
		        </tbody>
		
		      </table>

	function showData(data) {
	        var str = "";//定义用于拼接的字符串
	        for (var i = 0; i < data.length; i++) {
	        	//alert("+++");
	            //拼接表格的行和列
	            //str = "<tr><td>" + 0 + "</td><td>" + 0 + "</td><td>" + 0 +"</td><td>" +  0 +"</td></tr>";
	            str = "<tr><td>" + data[i].id + 
	            "</td><td>" + data[i].sender.name+data[i].sender.telCode +
	            "</td><td>" + data[i].recever.name+data[i].recever.telCode +
	            "</td><td>" +  data[i].status +
	            "</td></tr>";
	            //追加到table中
	            $("#appointmentlist").append(str);         
	           
	        }
	    }