JSON是一种轻量级的数据交换格式,可以方便的解析和生成。
下面是Springboot中格式化显示JSON数据的页面代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./layuiadmin/lib/jquery-3.6.0.min.js"></script>
<style>
table {font: "宋体" 11px;color: #333333;text-align:left;border-collapse: collapse;}
table td {padding:5px;border: 1px solid #000;}
</style>
</head>
<body>
<h3>显示全部emp</h3>
<div id="listdata"></div>
<script type="text/javascript">
function getContextPath() {
var pathName = document.location.pathname;
var index = pathName.substr(1).indexOf("/");
var result = pathName.substr(0,index+1);
return result;
}
$(document).ready(function() {
$.getJSON(getContextPath()+"/emp/listempall",function(data){
var html='<table id="tab"> <tr><td>姓名</td><td>LXDH</td></tr>';
for(var i=0;i<data.length;i++){
var obj=data[i];
html+='<tr><td>' +obj.xm+'</td><td>'+obj.lxdh+'</td></tr>';
}
html+='</table>';
$("#listdata").html(html);
})
})
</script>
</body>
</html>