Jquery+php+mysql实现上拉加载更多，后端CI，超详细，有示例（其实就是ajax无刷新分页）

    来吧，今天不玩虚拟机了，改代码了，今天在公司做了个小东西挺有意思，上拉加载更多，用ajax实现的，不复杂，关键的一两个点想明白了就通了。不多说了，这会还在公司呢.......快快上代码：

前端代码：

/**** @author By Shiva***   Created *//*需要jquery支持哦*/<script type="text/javascript">//Let's Go$(function(){            /*起始页数，每页显示数据已经在后台写死*/            var curPage = 1;            /*需要查询的数据类型，比如是新闻，还是公告，呵呵*/                  var newsType = 1;                     $(window).on('scroll',function(){/*判断当前浏览器高度，滚动条碰到时触发*/           if($(window).scrollTop()>=$(document).height()-$(window).height()){                /*当前选中的链接会有一个class样式，根据这个来抓取当前的type值*/        var cid = $(".cur").attr("type");                 /*如果ajax没有请求到数据直接return*/                                                       if($(".loading").length) return;                        /*每触发一次就给当前页数加 1*/                                  curPage++;                     /*给后端发送需要的数据*/                                      var postData = {                        newsType:cid,                        page:curPage,                                };                                        $.post("ajax", postData, function(response){    $('#info').html("<div class='loading'>正在加载,请稍后...</div>");    /*判断是否有数据*/                    if (response.news.length)                        {                        var datastr = '';                        for(var i in response.news){                                                     datastr += '需要拼接的数据'；                         }                         /*将数据追加到对应的元素标签下*/                          $('对应的元素标签').append(datastr);                         }                        else                        {   /*前端需要显示的地方自己去写一个div id=info*/                            $('#info').html("<div class='loading'>没有更多内容</div>");                            setTimeout(function(){                                if($(".loading").length) $('#info').html('');                            },800)                                                   }                                                                 }, 'json');                          }         });                 });</script>

后端代码(这里是基于CI框架的后端方法，其实都是相通的)：

<?phppublic function ajax(){       /*接收前端发送过来的数据*/        $page = $this->input->post("page");        $newsType = $this->input->post("newsType");/*后端加载数据模型*/        $this->load->model('news_model');        /*每页显示数据量*/        $perPage = 10; /**分页相关计算/              $recordCount = $this->news_model->getCount($newsType, "");        $pageCount = ceil($recordCount / $perPage);        $news = array();        if ($page <= $pageCount)        {            if ($page < 1) $page = 1;            /*查询组装自己的数据*/            $news = $this->news_model->listAll($page, $perPage, $newsType, "", 1, time());            foreach($news as $k=>$n)            {                $news[$k]['create_time'] = date('Y-m-d', $n['create_time']);            }        }              /*给前端返回数据*/          echo json_encode(array('news'=>$news));}

    ok,到这里就结束了，没什么多余要说的，要细细看一下我前面js里的那个 if($(".loading").length) return;这个其实挺重要的，控制了是否请求到了数据的操作，同时当没有数据的时候也会停止发送ajax请求，就我个人来说是很不错的一个判断。当然了我这里的需要很简单，只是输出文字而已。如果你需要上拉加载图片什么的，建议去使用懒加载。写代码嘛，先手写原生的来，再去搞插件。