使用Ajax get请求数据，并循环显示到表格上，哪出错了呀，各位大神帮忙看一下
<script>
var dianxin="dianxin";
$.ajax({
type:"GET",
dataType:"jsonp",
jsonp: "callback",
jsonpCallback:dianxin+"_jsonpCallback",
url:"http://218.95.161.229:8082/wt/appProApprovalAction/app!jsonpBuildLogProList.action?pageIndex=1",
// data:{proName:"项目名称",proId:"项目id",createTime:"创建时间",statusStr:"项目状态"},
success:function (data) {
var txt=JSON.parse(data);
for(i in data){
txt+="<tr>"+
"<td>"+data[i].proName+"</td>"+
"<td>"+data[i].proId+"</td>"+
"<td>"+data[i].createTime+"</td>"+
"<td>"+data[i].statusStr+"</td>"+"</tr>";
}
template.innerHTML=txt;
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("请求失败");
}
});
</script>
<table id="datas" border="1" style="border-collapse: collapse">
<tr>
<th>项目名称</th>
<th>项目id</th>
<th>创建时间</th>
<th>项目状态</th>
</tr>
<tr id="template">
<td id="proName"></td>
<td id="proId"></td>
<td id="createTime"></td>
<td id="statusStr"></td>
</tr>
</table>
</body>
</html>
