<script type="text/javascript">
//进入页面已经为第一页了
var page = 1;
var html = '';
//当完成此次查询时才能进行下一次查询
var flag = true;
$(document).ready(function () {
if (flag) {
flag = false;
$(window).scroll(function () {
//进入页面已经为第一页了
var scrollTop = $(this).scrollTop();//这一步是计算已经卷进去滚动条的的高度
var scrollHeight = $(document).height();//这个就算当前页面的总高度
var windowHeight = $(this).height();//这个是当前window也就是浏览器的高度
if (scrollTop + windowHeight == scrollHeight) {
page++;
$.ajax({
//请求方式
type: "GET",
//请求地址
url: "site/ajax-join-load",
data: {'page': page},
success: function (result) {
if (result == '') {
$('.loading_moer').text('已经到底啦!');
return false;
}
//拼接页面
$.each(result, function (key, value) {
//a链接使用伪静态链接
html += '<a href="join-'+value.id+'.html" class="db">' +
' <div class="jrwm_c_con">' +
' <h3>'+value.job_title+'</h3>' +
' <p>'+value.work_year+' | '+value.min_education+' | '+value.work_place+'</p>' +
'<p>发布日期:'+value.release_at+'</p>'+
' </div>' +
' </a>'
});
//返回值追加到列表
$('.jrwm_c_box').append(html);
//初始化追加内容
html = '';
flag = true;
},
error: function (e) {
$('.loading_moer').text('发生未知错误请重试');
}
});
}
});
}
})
</script>
向下滑动加载列表
最新推荐文章于 2024-06-08 11:09:56 发布