2. 你直接说多少钱就行了
14. index.html ajax请求的是我的本地服务器，代码忘了改，你要用的话把那个插件打开就行了，换一下请求地址\为http://adr.meizitu.net/wp-json/wp/v2/posts即可
15. 我直接贴不用服务器请求的代码
<!md>
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="referrer" content="no-referrer"/>
<title>白嫖</title>
</head>
<body>
<p>Hu60白嫖老哥 Hik的 作业emm</p>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 embed">
</div>
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="layui/layui.js"></script>
<script>
layui.use(['layer', 'form'], function () {
var layer = layui.layer;
var page = 1;
var per_page = 20;
var filling = '';
$(function () {
layer.msg('初始化加载ing...');
get(page, per_page);
$(document).scroll(function () {
var scroH = $(document).scrollTop(); //滚动高度
var viewH = $(window).height(); //可见高度
var contentH = $(document).height(); //内容高度
if (scroH > 100) { //距离顶部大于100px时
// console.log('>100' + scroH);
// console.log('>100' + viewH);
// console.log('>100' + contentH);
}
if (contentH - (scroH + viewH) <= 100) { //距离底部高度小于100px
// console.log('<= 100' + scroH);
// console.log('<= 100' + viewH);
// console.log('<= 100' + contentH);
layer.msg('正在加载新内容...');
get(page, per_page);
}
if (contentH = (scroH + viewH)) { //滚动条滑到底部啦
// console.log('底部' + scroH);
// console.log('底部' + viewH);
// console.log('底部' + contentH);
}
});
})
function get(pageEm, per_pageEm) {
page++;
per_page++;
$.ajax({
// url: '/',
url: 'http://adr.meizitu.net/wp-json/wp/v2/posts',
dataType: 'json',
data: {
'page': pageEm,
'per_page': per_pageEm
},
success: function (datas) {
console.log(datas)
// 准备数据填充字符串
var length = datas.length;
for (var i = 0; i < length; i++) {
console.log(datas);
var src = datas['thumb_src'];
var src_main = datas['thumb_src_min'];
var title = datas['title'];
filling += ' <img src="' + src_main + '" alt="' + title + '\t|\t' + src + '" class="img-thumbnail">\n';
// filling += ' <img src="" alt="' + title + '\t|\t' + src + '" class="img-thumbnail">\n';
}
// 找到嵌入元素填充内容
$('.embed').html(filling);
},
error: function (datas) {
layer.msg('请求失败，应该是没得内容了，别下拉了...');
}
})
}
});
</script>
</body>
</html>
```
<!md>
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="referrer" content="no-referrer"/>
<title>白嫖</title>
</head>
<body>
<p>Hu60白嫖老哥 Hik的 作业emm</p>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 embed">
</div>
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="layui/layui.js"></script>
<script>
layui.use(['layer', 'form'], function () {
var layer = layui.layer;
var page = 1;
var per_page = 20;
var filling = '';
$(function () {
layer.msg('初始化加载ing...');
get(page, per_page);
$(document).scroll(function () {
var scroH = $(document).scrollTop(); //滚动高度
var viewH = $(window).height(); //可见高度
var contentH = $(document).height(); //内容高度
if (scroH > 100) { //距离顶部大于100px时
// console.log('>100' + scroH);
// console.log('>100' + viewH);
// console.log('>100' + contentH);
}
if (contentH - (scroH + viewH) <= 100) { //距离底部高度小于100px
// console.log('<= 100' + scroH);
// console.log('<= 100' + viewH);
// console.log('<= 100' + contentH);
layer.msg('正在加载新内容...');
get(page, per_page);
}
if (contentH = (scroH + viewH)) { //滚动条滑到底部啦
// console.log('底部' + scroH);
// console.log('底部' + viewH);
// console.log('底部' + contentH);
}
});
})
function get(pageEm, per_pageEm) {
page++;
per_page++;
$.ajax({
// url: '/',
url: 'http://adr.meizitu.net/wp-json/wp/v2/posts',
dataType: 'json',
data: {
'page': pageEm,
'per_page': per_pageEm
},
success: function (datas) {
console.log(datas)
// 准备数据填充字符串
var length = datas.length;
for (var i = 0; i < length; i++) {
console.log(datas);
var src = datas['thumb_src'];
var src_main = datas['thumb_src_min'];
var title = datas['title'];
filling += ' <img src="' + src_main + '" alt="' + title + '\t|\t' + src + '" class="img-thumbnail">\n';
// filling += ' <img src="" alt="' + title + '\t|\t' + src + '" class="img-thumbnail">\n';
}
// 找到嵌入元素填充内容
$('.embed').html(filling);
},
error: function (datas) {
layer.msg('请求失败，应该是没得内容了，别下拉了...');
}
})
}
});
</script>
</body>
</html>
```
16. 似乎v2ex上看到你了。。。