zoukankan      html  css  js  c++  java
  • JS下拉自动加载

    导入jquery.mousewheel.js

    定义url=路径

    JS

     1 $(function(){
     2     /*
     3      * 滑动加载
     4      * */
     5     var page    =    1;
     6     var end        =    0;        //1代表全部加载完毕
     7     var plist    =    $('.product-list');
     8     function getData(){
     9         notice.text('正在加载···');
    10         $.ajax({
    11             async    :    true,
    12             type    :    'post',
    13             url        :    url,
    14             data    :    {'page':page,'bid':bid,},
    15             dataType:    'json',
    16             success    :    function(msg){
    17                 if(msg.status==1){
    18                     page=msg.next;
    19                     if(msg.end==1){
    20                         end=1;
    21                     }
    22                     for(var r=0;r<msg.result.length;r++){
    23                         console.log(msg.result[0].title);
    24                         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>';
    25                         plist.append(str);
    26                     }
    27                     
    28                 }
    29                 console.log(msg.info);    //调试
    30             },
    31             error    :    function(){
    32                 console.log('网络出现故障!');
    33             }
    34         });
    35     }
    36     getData();    //初始化一页数据
    37     $('body').mousewheel(function(event) {
    38         if(end!=1&&($('body').scrollTop()>(plist.offset().top+plist.height()-$(window).height()-200))){
    39             getData();
    40         }
    41         console.log($('body').scrollTop());
    42         console.log(plist.offset().top+plist.height());
    43     });
    44 });

    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');
                }
            }
        }
  • 相关阅读:
    个人博客
    个人博客
    个人博客
    个人博客
    个人博客
    团队作业—个人记录
    4.21
    4.20
    4.19
    4.18
  • 原文地址:https://www.cnblogs.com/lixingbaophp/p/4670540.html
Copyright © 2011-2022 走看看