您的位置:首页 > Web前端 > JavaScript

JS下拉自动加载

2015-07-23 15:06 483 查看
导入jquery.mousewheel.js

定义url=路径

JS

$(function(){
/*
* 滑动加载
* */
var page    =    1;
var end        =    0;        //1代表全部加载完毕
var plist    =    $('.product-list');
function getData(){
notice.text('正在加载···');
$.ajax({
async    :    true,
type    :    'post',
url        :    url,
data    :    {'page':page,'bid':bid,},
dataType:    'json',
success    :    function(msg){
if(msg.status==1){
page=msg.next;
if(msg.end==1){
end=1;
}
for(var r=0;r<msg.result.length;r++){
console.log(msg.result[0].title);
str='<li><a class="back block" title="'+msg.result[r].title+'" href="'+link+msg.result[r].id+'" style="background-image :url('+rt+msg.result[r].img+')"></a></li>';
plist.append(str);
}

}
console.log(msg.info);    //调试
},
error    :    function(){
console.log('网络出现故障!');
}
});
}
getData();    //初始化一页数据
$('body').mousewheel(function(event) {
if(end!=1&&($('body').scrollTop()>(plist.offset().top+plist.height()-$(window).height()-200))){
getData();
}
console.log($('body').scrollTop());
console.log(plist.offset().top+plist.height());
});
});


AJAX数据 (PHP)

function ajaxList(){
if(!IS_POST){
$data['status']    =    0;
$data['info']    =    '非法请求';
$this->ajaxReturn($data,'JSON');
}else{
$page    =    intval($_POST['page']);    //当前页码
$bid    =    intval($_POST['bid']);        //类别  0为所有
if($bid){
$where['bid']=$bid;
}
$number    =    6;    //每次请求的数量
$count    =    M('Product')->where($where)->count();        //总数量
$pageCount    =    ceil($count/$number);        //总页数

/* 开始请求 */
if($page>$pageCount){
$data['status']    =    0;
$data['info']    =    '没有更多的新片了';
$this->ajaxReturn($data,'JSON');
}else{
$sql    =    M('Product');
$result    =    $sql->where($where)->order('sort desc,id desc')->limit(($number*($page-1)).','.$number)->select();
$data['status']    =    1;
$data['result']    =    $result;
$data['sql']    =    $sql->getLastSql();
if($page==$pageCount){
$data['next']    =    $page;
$data['info']    =    '新片已全部加载';
$data['end']    =    1;
}else{
$data['next']    =    $page+1;
$data['info']    =    '点击加载更多';
}
$this->ajaxReturn($data,'JSON');
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: