jQuery+Ajax+PHP滚动加载

function ajax_more(){
	$type = isset($_POST['type']) ? (int)Yin::_input('post.type') : 0;
	//传递的参数
	$page = isset($_POST['page']) ? (int)Yin::_input('post.page') : 2;
	//每页显示的条数
	$pagesize = 10;
	//查询出来的列表数据
	$list = $this->product->get_page_list($type, '', $page, $pagesize);
	echo json_encode($list);
	exit;
}
//下拉加载js代码
var page = 2,//记录页数
//布尔参数,判断是否允许加载
bool = true,
//页面的总高度、、//记录划过的高度
st = $(document).innerHeight();
//$('.loading').offset().top;
//列表内容少的时候做兼容处理
if(!bool){
	$('.loading').hide();
	$('.nothing_all').show();
}
function refresh(){
	if(!bool){return;}
	bool = false;
	//console.log(page);
	var data = {
		'page' : page,
		'pagesize' : {:$pagesize:},
		'type' : {:$type:}
	}
	$.post(
		'/index.php?m=shop&c=list&a=ajax_more',
		data,
		function(d){
			if (d.length>0) {
				var html = '';
				for (var i = 0; i < d.length; i++) {
					var v = d[i];
					//具体的代码
				};
				$('#append').append(html);
				if (d.length==data.pagesize) {	
					page++;
					st = $(document).innerHeight();
					bool = true;
				}
			}else{
				bool = false;
			}
	},'json');
}
$(window).scroll(function(event) {
	  var s = $(document).scrollTop()+$(window).height();
	  if(s > (st-100)){//底部预留100px空间
		  if(!bool){
			  $('.loading').hide();
			  $('.nothing_all').show();
			  return false;
		  }else{
			  refresh();
		  }
	  }
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值