<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-3.3.1.js"></script>
</head>
<body>
<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 d=data.result_list;
$.each(d,function(data,n){
var row=$("#template").clone();
row.find("#proName").text(n.proName);
row.find("#proId").text(n.proId);
row.find("#createTime").text(n.createTime);
row.find("#statusStr").text(n.statusStr);
row.appendTo("#tbody");
});
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("请求失败");
}
});
</script>
<table id="datas" border="1" style="border-collapse: collapse">
<tr style="background: deepskyblue;height: 30px;">
<td id="proName">项目名称</td>
<td id="proId">项目id</td>
<td id="createTime">创建时间</td>
<td id="statusStr">项目状态</td>
</tr>
<tbody id="tbody">
<tr id="template">
<td id="proName"></td>
<td id="proId"></td>
<td id="createTime"></td>
<td id="statusStr"></td>
</tr>
</tbody>
</table>
</body>
</html>
请求成功的截图(这里说明一下,由于后台直接转成了数组,所以不用转换)欢迎大家指导,学习