我的jQuery-ajax的笔记:https://blog.csdn.net/bellediao/article/details/104239715
从其他博主那里截取的例子,并附有疑问解答。
例1:将接口中的result字段绘制成表格。
<!-- 将http://hebutgo.com:8080/maps/getMapsList接口中的result字段绘制成表格。 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajax例子-接口中的result字段绘制成表格</title>
<style type="text/css">
.main {
width: 500px;
margin: 0 auto;
text-align: center;
}
#table {
display: inline-block;
vertical-align: top;
border-collapse: collapse;
}
tr td {
width: 200px;
border: 1px solid gray;
}
</style>
</head>
<body>
<!-- 引入jquery -->
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
function printtable() {
$.ajax({
url: 'http://hebutgo.com:8080/maps/getMapsList',
type: 'get',
datatype: 'json',
success: function (res) {
console.log(res); //在console中查看数据
$.each(res.result, function (index, obj) {
$("#table").append(
"<tr><td>" + obj['申请人省份'] + "</td>" +
"<td>" + obj['counts'] + "<