1.用limit限制显示条数
public function lottery_list(){
$list=Db::name('interface_recorder')->where(['type'=>(int)$type])->order('lottery_date desc')->limit($max,$page)->select();
}
2.滚动请求加载
加载中
以上为html
3.
$(window).on("scroll", function(event) {
// console.log(2222);
/*文档(页面)高度*/
var h = $(document).height();
// console.log(h)
/*可视窗口的高度*/
var wh = $(window).height();
// console.log(wh)
// console.log('一直在滚动!');
if($(window).scrollTop() >= h - wh - 10 && loadingdelay) {
loadingdelay = false;
// console.log(page);
// console.log(6666);
// return false;
//发送Ajax
$(".loadingBox").show();
get_lottery_list();
}
});
4.ajax请求后台
function get_lottery_list(){
// if(type==4){
// var url='{:url(\'index/lottery_list_five\')}';
// }else{
// var url='{:url(\'index/lottery_list\')}';
// }
$.ajax({
type: "POST",
url: '{:url(\'index/lottery_list\')}',
cache: false,
data: {
num: page,is_ajax:1,type:type
},
dataType: 'json',
success: function(data) {
/*数据拼接*/
var strData = "";
// console.log(data)
if(data&&data.date!='') {
//先搞期号
var str_date='';
for(var i in data){
str_date+='
';str_date+=''+data[i].lottery_date+'
';
}
$('#lottery_date_str').append(str_date);
//再来看看右边的600个数
for(var j in data){
var l=1;
for(var k in data[j].lottery_new_color){
var str_number='';//新的数字
// console.log(k)
var p=k.split("-");
// console.log(p)
// console.log(p[1])
str_number+='
';str_number+='
';str_number+='
'+p[1]+'
';str_number+='
'+p[1]+'
';str_number+='
'+p[1]+'
';str_number+='
'+p[1]+'
';str_number+='
'+p[1]+'
';str_number+='
'+p[1]+'
';str_number+='
';
$("#lottery_number_"+l).append(str_number);
l++;
}
}
page++;
loadingdelay = true;
$(".loadingBox").hide();
} else {
loadingdelay = true;
$(".loadingBox").hide();
return false;
}
},
error: function(error){
loadingdelay = true;
$(".loadingBox").hide();
}
});
}