完整代码,可复制微调
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
</head>
<body>
<div id="aaa">
</div>
</body>
<script>
$.ajax({
type: "post",
url: "接口文档链接",
data: {
请求参数
},
success: function(dd) {
console.log(dd);
let aaa = document.querySelector('#aaa');
let d = '';
for (let i = 0; i < dd.data.length; i++) {
d += '';
}
aaa.innerHTML = d;
}
})
</script>
</html>
1.url后面写接口文档链接
2.data里写请求参数,例如:
data: { id:13 }
如果没有请求参数,就不用写
3.请求成功的话,console.log(dd)会打印出来;请求失败,则打印不出来,或者报错
4.获取Html里的元素,进行字符串拼接
for循环遍历接口文档里的数据,然后字符串拼接,例如:
d += '<div><img src=" ' + kk.data[i].imgs + ' " alt="" class="center_img"></div>';
5.将遍历出来我们需要的数据渲染到页面即可
遍历的方法,和渲染的方法,不清楚的,可参见前文。